Diet Coke | Video Library 📽️

(Diet) Coke Studio is a collection of only & all the music videos of the legendary Coke Studio. Encompassing all genres of music & featuring the best musical talents, Coke Studio continues to dig deep into finding hidden talent & celebrating it.

Live

dietcokestudio.netlify.app

Demo

Coke.-.Demo.mp4

Features

• Responsive
• Light/Dark Theme Toggle
• User Authorization
  • Sign In
  • Sign Up
  • Sign Out
• Protected/Private Routes
• Video Listing
• Video Filter
• Video Player
• History
  • Watched videos automatically get added to the History
  • Remove Video from History
  • Clear all History
• Watch Later
  • Add videos to Watch Later
  • Remove videos from Watch Later
• Liked Videos
  • Liked Videos List
  • Remove videos from Liked Videos
• Playlists
  • Create Playlists
  • Delete Playlists
  • Add video to Playlists
  • Remove video from Playlists

Tech Stack

Client: React, React Router, Context API, Hosremaker's UI

Server: Mockbee (Mock Backend)

Run Locally

Clone the project

  git clone https://github.com/horsemaker/coke.git

Go to the project directory

  cd coke

Install dependencies

  npm install

Start the server

  npm run start

Acknowledgements

• neoG Camp
• Tanay Pratap

Author

• @horsemaker

Feedback

If you have any feedback, please reach out to me at iamhorsemaker@gmail.com

🔗 Links