sergio7174 / videostream

Fullstack open source application, dynamic website with features like NodeJS and HTML5 Video Streaming, Personal Channel, user dashboard, authentication and more. Made with MongoDB, Express, Nodejs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ“½οΈ Video Stream

Fullstack open source application, dynamic website with features like NodeJS and HTML5 Video Streaming,

Personal Channel, user dashboard, authentication and more. Made with MongoDB, Express, Nodejs



In order to run this project locally, simply fork and clone the repository or download as zip and unzip on your machine.

  • Open the project in your prefered code editor.
  • Go to terminal -> New terminal (If you are using VS code)
$ cd client
$ npm install (to install client-side dependencies)
$ npm run  start (to start the client)  or nodemon app
DONT FORGET TO CREATE THE IMAGE FOLDER - ./public/thumbnails - ./public/videos

Status project

πŸ”Œ Technologies used βœ”οΈ:

JavaScript React Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge

Screenshots:

πŸ“Έ
project screenshot01 project screenshot02 project screenshot03 project screenshot04 project screenshot05


Key Features:

  • Authentication: πŸ‘“ User sign up and login with email and password
  • Upload Videos to private Channel.
  • Add likes and commnets, to videos

Technologies used

πŸ“‹ This project was created using the following technologies.

Frontend

  • EJS - JavaScript library that is used for building user interfaces and backend servers specifically for single-page applications
  • React Toastify - To display interactive and responsive notifications (toasts) in web applications

Backend

  • Node js -A runtime environment to help build fast server applications using JS
  • Express js -The server for handling and routing HTTP requests
  • Mongoose - For modeling and mapping MongoDB data to JavaScript
  • jsonwebtoken - For authentication
  • cookie-parser - Middleware module used in Node.js web applications to manage cookies
  • cors - Provides a Connect/Express middleware
  • Dotenv - Zero Dependency module that loads environment variables
  • express-validator - Used in Node.js applications with the Express framework to validate data submitted by users (user input)
  • nodemon - Development utility for Node.js applications. Node.js is a runtime platform that allows you to run JavaScript on the server side.t
  • [Multer] - Handle Images

Database

  • MongoDB - It provides a free cloud service to store MongoDB collections.πŸ’Ύ

Author

 πŸ‘¨πŸ»β€πŸ« 

About

Fullstack open source application, dynamic website with features like NodeJS and HTML5 Video Streaming, Personal Channel, user dashboard, authentication and more. Made with MongoDB, Express, Nodejs


Languages

Language:JavaScript 92.3%Language:CSS 4.1%Language:EJS 3.6%Language:HTML 0.0%