Movatterモバイル変換

Skip to content

techreagan/vue-nodejs-youtube-clonePublic

NotificationsYou must be signed in to change notification settings
Fork184
Star537

This is the frontend (VueJS) of the Youtube clone called VueTube.

537 stars 184 forks Branches Tags Activity

You must be signed in to change notification settings

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 40 Commits
public		public
screenshots		screenshots
src		src
.gitignore		.gitignore
Dockerfile		Dockerfile
README.md		README.md
babel.config.js		babel.config.js
docker-compose.yml		docker-compose.yml
package-lock.json		package-lock.json
package.json		package.json
vue.config.js		vue.config.js

Repository files navigation

VueTube Vue Frontend - YouTube Clone

This is the frontend (VueJS) of the VueTube clone

API

Backend RESTFUL API RepositoryAPI

Features

Sign in / Sign Up to create channel
Video
- Upload video
- Upload video thumbnail
- Watch video
- Increase Views
- Like and dislike video
- Download video
- Comment & reply for video
- Update video details
- Delete video
Subscribe to a channel
View liked videos
Trending
Subscriptions
History
- Watch history
- Search history
Settings
- Modify channel name and email
- Change password
- Upload channel avatar

Project setup

Create .env.development.local for development then .env.production.local for production ready app.Then put in your api URL

VUE_APP_URL=http://localhost:3001

Install packages

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

SeeConfiguration Reference.

Screenshots

Delete the screenshot folder if you download this code (Screenshots folder is 3.14mb in size).

Sign In (/signin)

Sign Up (/signup)

Home Page (/)

Trending Page (/trending)

Subscriptions Page (/subscriptions)

History (Watch) Page (/history)

History (Search) Page (/history)

Liked Videos Page (/liked-videos)

Search Page (/search)

Watch Page (/watch/:videoId)

Comment & Reply (/watch/:videoId)

Channel Page (/channels/:channelId)

Dashboard Page (/studio)

Subscribers Modal (/studio)

Upload Video Modal

Upload Video Detail Modal

Videos Page (/studio/videos)

Edit Video Details (/studio/details/:videoId)

Upload Thumbnail Modal (/studio/details/:videoId)

Delete Video Modal (/studio/videos)

Settings Modal

If you like the UI, I developed it in a seperate repoVueTube

License

This project is licensed under the MIT License

Developed by Reagan Ekhameye (Tech Reagan)

Reach me on twitter@techreagan

About

This is the frontend (VueJS) of the Youtube clone called VueTube.

Topics

nodejs vuejs mongodb mongoose expressjs vuetify youtube-clone vuetube

Resources

Stars

Watchers

Forks

Report repository

Releases

No releases published

Packages

No packages published

Languages

[8]ページ先頭

©2009-2025 Movatter.jp