Live at Vercel

What's CodingMelody?

CodingMelody is a web application which you can use to listen to your favourite music from YouTube without any ads interrupting it. You can also create your own playlists & enjoy them free of charge. It's mobile compatible, so it works even if your screen is off, or you're using other applications at the same time

Demo video here

How It Works?

It works just like any other music player, except you have the entirety of YouTube to get music from! So first you find a song from YouTube, copy the url, open CodingMelody, add songs & paste it there! When you create playlists, you can use them to filter different genres of music & switch from one to another easily.

Demo Credentials:
Email: test@gmail.com
Password: yessir

Tech used

- ReactJS
- TailwindCSS
- Firebase Realtime DB & Auth
- Vercel
- React Player (Allows video embedding via URL)
- React Icons
- React Router Dom

How to use it locally?

1. Clone the repository -

git clone https://github.com/miikaran/codingmelody.git

3. Install npm packages.

npm install

4. Create Firebase credentials and add them to .env file.

 API_KEY,
 AUTH_DOMAIN,
 DATABASE_URL,
 PROJECT_ID,
 STORAGE_BUCKET,
 MESSAGING_SENDER_ID,
 APP_ID,

5. Start the application.

npm run start