techreagan / Vue Nodejs Youtube Clone
This is the frontend (VueJS) of the Youtube clone called VueTube.
Stars: ✭ 314
Projects that are alternatives of or similar to Vue Nodejs Youtube Clone
Boilerplate Vue Apollo Graphql Mongodb
Start your magical stack journey!
Stars: ✭ 85 (-72.93%)
Mutual labels: mongoose, mongodb, vuetify
Mevn Boilerplate
A fullstack boilerplate with Mongo, ExpressJS, VueJS and NodeJS.
Stars: ✭ 277 (-11.78%)
Mutual labels: mongoose, mongodb, expressjs
Nodejs Backend Architecture Typescript
Node.js Backend Architecture Typescript - Learn to build a backend server for Blogging platform like Medium, FreeCodeCamp, MindOrks, AfterAcademy - Learn to write unit and integration tests - Learn to use Docker image - Open-Source Project By AfterAcademy
Stars: ✭ 1,292 (+311.46%)
Mutual labels: mongoose, mongodb, expressjs
Node React Ecommerce
Build ECommerce Website Like Amazon By React & Node & MongoDB
Stars: ✭ 1,080 (+243.95%)
Mutual labels: mongoose, mongodb, expressjs
Angular2 Express Mongoose Gulp Node Typescript
AngularJS 2 (Updated to 4.2.0) Mean Stack application which uses Angular2, Gulp, Express, Node, MongoDB (Mongoose) with Repository Pattern Business Layer
Stars: ✭ 201 (-35.99%)
Mutual labels: mongoose, mongodb, expressjs
Mean Stack Angular6 Crud Example
MEAN Stack Angular 6 CRUD Web Application
Stars: ✭ 69 (-78.03%)
Mutual labels: mongoose, mongodb, expressjs
Nodejs Rest Api Project Structure Express
Nodejs project structure practices for building RESTful APIs using Express framework and MongoDB.
Stars: ✭ 134 (-57.32%)
Mutual labels: mongoose, mongodb, expressjs
Angular Cms
An flexiable, extendable, modular, single CMS app based on Angular, Express, MongoDB
Stars: ✭ 109 (-65.29%)
Mutual labels: mongoose, mongodb, expressjs
Focus Budget Manager
Budget Manager application built with Vue.js, Node.js, Express.js and MongoDB
Stars: ✭ 189 (-39.81%)
Mutual labels: mongoose, mongodb, vuetify
Express Es6 Starter
Starter project for creating a MVC express server with MongoDB
Stars: ✭ 178 (-43.31%)
Mutual labels: mongoose, mongodb, expressjs
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-86.94%)
Mutual labels: mongoose, mongodb, expressjs
Builderbook
Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.
Stars: ✭ 3,015 (+860.19%)
Mutual labels: mongoose, mongodb, expressjs
Checksheet Manager
Checksheet Manager for college checksheets. Created with AngularJS and Node/Express/MongoDB.
Stars: ✭ 31 (-90.13%)
Mutual labels: mongoose, mongodb, expressjs
Angular Full Stack
Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
Stars: ✭ 1,261 (+301.59%)
Mutual labels: mongoose, mongodb, expressjs
Youtube Clone Nodejs Api
VueTube is a YouTube clone built with nodejs, expressjs & mongodb. This is the RESTful API repository.
Stars: ✭ 441 (+40.45%)
Mutual labels: mongoose, mongodb, expressjs
Amazona
Build Ecommerce Like Amazon By MERN Stack
Stars: ✭ 152 (-51.59%)
Mutual labels: mongoose, mongodb, expressjs
Bookmarks.dev
Bookmarks and Code Snippets Manager for Developers & Co
Stars: ✭ 218 (-30.57%)
Mutual labels: mongoose, mongodb, expressjs
Nest Mean
NestJS Tutorial Repository
Stars: ✭ 250 (-20.38%)
Mutual labels: mongoose, mongodb, expressjs
react-full-stack-starter
🎈Full-stack React boilerplate using `create-react-app`, Babel, Node.js, and express
Stars: ✭ 22 (-92.99%)
Mutual labels: mongoose, expressjs
express-mvc-generator
Express' Model View Controller Application Generator.
Stars: ✭ 46 (-85.35%)
Mutual labels: mongoose, expressjs
VueTube Vue Frontend - YouTube Clone
This is the frontend (VueJS) of the VueTube clone
API
Backend RESTFUL API Repository API
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
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 repo VueTube
License
This project is licensed under the MIT License
Developed by Reagan Ekhameye (Tech Reagan)
Reach me on twitter @techreagan
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].