{"id":13901435,"url":"https://github.com/techreagan/vue-nodejs-youtube-clone","last_synced_at":"2025-04-05T01:09:20.264Z","repository":{"id":39163113,"uuid":"254945823","full_name":"techreagan/vue-nodejs-youtube-clone","owner":"techreagan","description":"This is the frontend (VueJS) of the Youtube clone called VueTube.","archived":false,"fork":false,"pushed_at":"2023-03-04T11:40:33.000Z","size":4077,"stargazers_count":520,"open_issues_count":34,"forks_count":184,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-03-29T00:12:19.864Z","etag":null,"topics":["expressjs","mongodb","mongoose","nodejs","vuejs","vuetify","vuetube","youtube-clone"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/techreagan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-04-11T20:03:58.000Z","updated_at":"2025-02-26T00:55:11.000Z","dependencies_parsed_at":"2024-01-16T22:22:20.000Z","dependency_job_id":"efc3af8d-6bae-4161-bcf8-c62ccf007507","html_url":"https://github.com/techreagan/vue-nodejs-youtube-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techreagan%2Fvue-nodejs-youtube-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techreagan%2Fvue-nodejs-youtube-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techreagan%2Fvue-nodejs-youtube-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techreagan%2Fvue-nodejs-youtube-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/techreagan","download_url":"https://codeload.github.com/techreagan/vue-nodejs-youtube-clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247271532,"owners_count":20911587,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","mongodb","mongoose","nodejs","vuejs","vuetify","vuetube","youtube-clone"],"created_at":"2024-08-06T21:01:23.264Z","updated_at":"2025-04-05T01:09:20.232Z","avatar_url":"https://github.com/techreagan.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# VueTube Vue Frontend - YouTube Clone\n\n\u003e This is the frontend (VueJS) of the VueTube clone\n\n## API\n\nBackend RESTFUL API Repository [API](https://github.com/techreagan/youtube-clone-nodejs-api)\n\n## Features\n\n- Sign in / Sign Up to create channel\n- Video\n  - Upload video\n  - Upload video thumbnail\n  - Watch video\n  - Increase Views\n  - Like and dislike video\n  - Download video\n  - Comment \u0026 reply for video\n  - Update video details\n  - Delete video\n- Subscribe to a channel\n- View liked videos\n- Trending\n- Subscriptions\n- History\n  - Watch history\n  - Search history\n- Settings\n  - Modify channel name and email\n  - Change password\n  - Upload channel avatar\n\n## Project setup\n\nCreate .env.development.local for development then .env.production.local for production ready app.\nThen put in your api URL\n\n```\nVUE_APP_URL=http://localhost:3001\n```\n\n### Install packages\n\n```\nnpm install\n```\n\n### Compiles and hot-reloads for development\n\n```\nnpm run serve\n```\n\n### Compiles and minifies for production\n\n```\nnpm run build\n```\n\n### Lints and fixes files\n\n```\nnpm run lint\n```\n\n### Customize configuration\n\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n\n## Screenshots\n\n\u003e Delete the screenshot folder if you download this code (Screenshots folder is 3.14mb in size).\n\n### Sign In (/signin)\n\n![Screenshot](screenshots/20%20-%20Sign%20in.jpg)\n\n### Sign Up (/signup)\n\n![Screenshot](screenshots/21%20-%20Sign%20up.jpg)\n\n### Home Page (/)\n\n![Screenshot](screenshots/1%20-%20Home.jpg)\n\n### Trending Page (/trending)\n\n![Screenshot](screenshots/2%20-%20Trending.jpg)\n\n### Subscriptions Page (/subscriptions)\n\n![Screenshot](screenshots/3%20-%20Subscriptions.jpg)\n\n### History (Watch) Page (/history)\n\n![Screenshot](screenshots/4%20-%20Watch%20History.jpg)\n\n### History (Search) Page (/history)\n\n![Screenshot](screenshots/5%20-%20Search%20History.jpg)\n\n### Liked Videos Page (/liked-videos)\n\n![Screenshot](screenshots/6%20-%20Liked%20Videos.jpg)\n\n### Search Page (/search)\n\n![Screenshot](screenshots/19%20-%20Search.jpg)\n\n### Watch Page (/watch/:videoId)\n\n![Screenshot](screenshots/7%20-%20Watch.jpg)\n\n### Comment \u0026 Reply (/watch/:videoId)\n\n![Screenshot](screenshots/8%20-%20Comment%20-%20Reply.jpg)\n\n### Channel Page (/channels/:channelId)\n\n![Screenshot](screenshots/9%20-%20Channel.jpg)\n\n### Dashboard Page (/studio)\n\n![Screenshot](screenshots/10%20-%20Dashboard.jpg)\n\n### Subscribers Modal (/studio)\n\n![Screenshot](screenshots/11%20-%20Subscribers%20Modal.jpg)\n\n### Upload Video Modal\n\n![Screenshot](screenshots/12%20-%20Upload%20Modal.jpg)\n\n### Upload Video Detail Modal\n\n![Screenshot](screenshots/13%20-%20Video%20Details.jpg)\n\n### Videos Page (/studio/videos)\n\n![Screenshot](screenshots/14%20-%20Videos.jpg)\n\n### Edit Video Details (/studio/details/:videoId)\n\n![Screenshot](screenshots/15%20-%20Edit%20Video%20Details.jpg)\n\n### Upload Thumbnail Modal (/studio/details/:videoId)\n\n![Screenshot](screenshots/16%20-%20Upload%20Thumbnail%20Modal.jpg)\n\n### Delete Video Modal (/studio/videos)\n\n![Screenshot](screenshots/17%20-%20Delete%20Video%20Modal.jpg)\n\n### Settings Modal\n\n![Screenshot](screenshots/17%20-%20Delete%20Video%20Modal.jpg)\n\nIf you like the UI, I developed it in a seperate repo [VueTube](https://github.com/techreagan/vuetify-youtube-clone-template)\n\n## License\n\nThis project is licensed under the MIT License\n\n## Developed by Reagan Ekhameye (Tech Reagan)\n\nReach me on twitter [@techreagan](https://www.twitter.com/techreagan)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechreagan%2Fvue-nodejs-youtube-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftechreagan%2Fvue-nodejs-youtube-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechreagan%2Fvue-nodejs-youtube-clone/lists"}