Do you love Web Development and thinking about where to start? Developer's Library is for you! It's the Video Library that helps you in learning Web Development by watching Videos. Checkout the source code for backend here.
$ git clone https://github.com/rushikesh1799/video-library.git
$ cd video-library
$ npm install
$ npm start
- Landing Page
- Video Listing Page
- Authentication (Login, Signup and Logout) Pages
- Single Video Page
- Playlist Management Page
- Watch Later Page
- Watch History Page
- Liked Videos Page
- 404 (Not Found) Page
- Landing Page with Featured Categories. Users can navigate to the video listing page by selecting a category.
- Video Listing Page with options of Watch Later, create new Playlist, add or remove the video from Playlist. Filter videos based on category. Sort the video by the latest date.
- Search videos using Debouncing.
- Single Video Page - User can like video, add to watch Later, and Add/Remove from Playlist. Users can add, edit, and delete notes. On playing the video, it will be added to watch history and Custom View Count will be increased.
- Playlist Management Page, consists of all custom Playlists, user can browse in playlist, delete videos from the playlist, and delete the playlist.
- Watch Later Page - The user can delete the video from Watch Later.
- Watch History Page - The user can delete the video from Watch History and can even Clear Watch History.
- Liked Videos Page - Users can delete the video from Liked Videos.
- Alerts in the app to notify the users about success/failure operations.
- All the screens are Responsive.
- ReactJS + Redux Toolkit
- ExpressJS + MongoDB for backend
- React Router v6
- Material UI
- Git For Version Control
- Netlify for Deployment
- React Player
- Postman for API Testing
- Cloudinary for Image Hosting of Video Thumbnails