This is Full Stack Video Library Project using MERN stack

Live Link - Videoztron

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Technologies used

1. HTML
2. CSS
3. JavaScript
4. React

• Node JS, Express JS and MongoDb is used for Backend server which is deployed on Vercel.

Features:

1. User Authentication (Signup, Login and Logout)
2. Home Page
3. Video Listing Page
4. Playlist management
5. Like/Dislike Feature
6. Add to watch later
7. Watched History
8. Single Video Page
9. Filter videos with categories
10. Lottie Loading Loader for Home Page while data is fetching
11. Custom Toast Component with 4 types - Success, Error, Warning and Information

You are welcome to contribute to this project

1. Create a personal fork of the project on Github.
2. Clone the fork on your local machine. Your remote repo on Github is called origin.
3. Add the original repository as a remote called upstream.
4. If you created your fork a while ago be sure to pull upstream changes into your local repository.
5. Create a new branch to work on! Branch from development branch.
6. Implement/fix your feature, comment your code.
7. Squash your commits into a single commit with git's interactive rebase. Create a new branch if necessary.
8. Push your branch to your fork on Github, the remote origin.
9. From your fork open a pull request in the correct branch. Target the project's development branch.
10. Once the pull request is approved and merged you can pull the changes from upstream to your local repo and delete your extra branch(es).
11. And last but not least: Always write your commit messages in the present tense. Your commit message should describe what the commit, when applied, does to the code – not what you did to the code.

You can report issues on this project using Github issue

1. You can read more about this from Github Docs

Screenshots

Home Page

Video Listing Page

User Authentication Pages

Single Video Page

Watch Later Page

Liked Videos Page

All Playlists Page

Individual Playlist Page

User History Page