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

Author

@horsemaker

Feedback

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

horsemaker/coke