Clutch VODS

Video on Demand service for all NBA fans.

---

Live Deployment

Deployed here: Clutch VODS

---

How to run the app locally?

$ git clone https://github.com/RakshithBhat03/Clutch-VODS.git
$ cd Clutch-VODS
$ npm install
$ npm start

---

Features

• Home Page with hero image and video categories.
• Explore Page with various videos from different categories.
  • Categories Filter - Filter videos based on the category selected.
• Authentication - User can login/signup using credentials. Guest login is also provided.
• Watch Video Page - Watch any video by clicking on the video card. Additionally you can like the video, add to watch later and add to a playlist.
  • Related Videos section - Showcases the relavant videos.
• Liked Videos Page - Showcases all the liked videos of the user.
• Watch later Page - Showcases all the videos saved for watch later.
• Playlist Page - Showcases the users playlist.
• Toasts - User is notified with a toast on specific actions.
• Splash screens - Empty screens and 404 screens
• Dark mode.
• Mobile responsiveness.

---

Made with

• React JS
• React Router V6
• Redux Toolkit
• Tailwind css for all stylings
• React toastify for toast notifications
• React Player
• Cloudinary for hosting images
• Mockbee for backend
• Undraw for illustrations.
• YouThumb for thumbnails.

Learnings

• Redux toolkit
• Tailwind css
• React toastify and React player.