onamkrverma/okv-music

A progressive music app made with JavaScript using React JS and YouTube Api

Okv Music

• A progressive music app made with Javascript using React jS and YouTube Api that allows user to discover and listen to new music from around the world. The website features a clean and modern design, a user-friendly interface, and a powerful search feature of youtube.

Screenshots

Demo video

okv-music.mp4

Features

• Best Streaming Quality
• Trending and New Released songs list
• Play youtube song as audio only
• YouTube Search Support
• Controls player from notification
• Next/Prev song track controls
• Auto Song Recommendations
• No Ads

Upcoming features to be add

• Controls audio quality (done ✔)
• Direct click to watch youtube video (done ✔)
• Get song info button (done ✔)
• Import Youtube playlists (done ✔)
• many more..

Don't forget to ⭐ the repo

Technology used

• React js
• CSS3
• Redux toolkit
• React router dom
• React loading skeleton
• React icons

Backend

• Node js
• Express js
• Ytdl-core package

Note:

• Now this project is migrated from CRA to Vite + React app

Getting Started with Vite React App

• This project is bootstrapped with Create Vite + React App.
• clone down this repositery. You will need to node.js and git installed globally on your machine.

installation and setup instructions

1. installation: npm install
2. In the project directory, you can run: npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser. The page will reload when you make changes.

Queries

If you have any query or suggestion, feel free to create an issue or submit feedback here

okv-music's Issues

youtube api not working

hello @onamkrverma the api from youtube is not working it gives json error unexpected error
tried using a alternative youtube api from rapid api but that also is not working.
can u suggest a repo for the api or can u share the link for the api.so that we can use in our projects.
i tries hosting it several times with different api but its not working. your help will be appreciated kindly guide me with the solution.
or do i ned to make any chnages to the code to make it work with other apis

up next songs not showing

hello @onamkrverma the upnext page is not showing in my hosted site so the autoplay is not working.
the player stops after playing one song. how to fix the error or issue

When a song is playing, switching to another page causes the playback to stop

When one song is playing and if user go to another page then playing song is getting stop playing