A youtube gallery web application for collecting valuable resources youtube videos while learning to code built with
The perfect app to keep track of valuable youtube resources while learning to code, if you have one add it to list 😃
I start learning the most beloved framework Sveltekit and that's what i'm using in the frontend
You can make a GET
request to https://yt-gallery.vercel.app/api/ to get all videos
curl --request GET \
--url 'https://idiom.ysnirix.live/api
Example response
{
"status": 200,
"error": false,
"videos": [
{
"id": 19,
"createdAt": "2022-10-08T20:04:40.407Z",
"updatedAt": "2022-10-08T20:04:40.407Z",
"videoUrl": "https://www.youtube.com/watch?v=rLRIB6AF2Dg",
"thumbnailUrl": "https://i3.ytimg.com/vi/rLRIB6AF2Dg/sddefault.jpg"
},
{
"id": 12,
"createdAt": "2022-10-08T19:47:44.912Z",
"updatedAt": "2022-10-08T19:47:44.912Z",
"videoUrl": "https://www.youtube.com/watch?v=rv3Yq-B8qp4",
"thumbnailUrl": "https://i3.ytimg.com/vi/rv3Yq-B8qp4/sddefault.jpg"
},
{
"id": 11,
"createdAt": "2022-10-08T19:46:26.293Z",
"updatedAt": "2022-10-08T19:46:26.293Z",
"videoUrl": "https://www.youtube.com/watch?v=rnOQHrYiiD8",
"thumbnailUrl": "https://i3.ytimg.com/vi/rnOQHrYiiD8/sddefault.jpg"
},
{
"id": 10,
"createdAt": "2022-10-08T19:32:31.154Z",
"updatedAt": "2022-10-08T19:32:31.154Z",
"videoUrl": "https://www.youtube.com/watch?v=9OlLxkaeVvw",
"thumbnailUrl": "https://i3.ytimg.com/vi/9OlLxkaeVvw/sddefault.jpg"
}
]
}
Once you've cloned the project and installed dependencies with npm install
(or pnpm install
or yarn
), start a development server:
npm run dev
# or start and open the app in a new browser tab
npm run dev -- --open
npm run build
You can preview the built client app with
npm run preview
,This should not be used to serve your app in production.
Pull requests and stars are always welcome. For bugs and features requests, please create an issue.
Ysn4Irix
Copyright © 2022-present, Ysn4Irix. Released under the MIT License.