Skip to content

A Music Player Web Application ๐ŸŽถ built using ReactJS in the frontend and NodeJS in the backend. It uses Spotify's API to authenticate users and play music. ๐ŸŽง

Notifications You must be signed in to change notification settings

Surajv311/myMusicApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

68 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Music app using Spotify's API

The frontend is built using React integrated with Node backend to parse Spotify API requests to play music.


Login
Auth
Search Music


To set up the project locally:

Step 1: Install dependencies using npm i in both client & server side.
Step 2: Got to Spotify_Dashboard and create a new app.
Step 3: Make a note of the Client_Id & the Client_Secret.
Step 4: In the edit settings of your dashboard put the redirect uri as : http://localhost:3000/callback.
Step 5: Now got to your server dir. and create a .env file.
Step 6: In the file declare your Client_Id, Redirect_uri, Client_Secret as :

__REDIRECT_URI=http://localhost:3000/callback/
CLIENT_ID=(you made note of) 
CLIENT_SECRET=(you made note of) 


Step 7: To run the backend, use - nodemon server.js.
Step 8: To run the frontend, use - npm start.
Step 9: Done!.


About

A Music Player Web Application ๐ŸŽถ built using ReactJS in the frontend and NodeJS in the backend. It uses Spotify's API to authenticate users and play music. ๐ŸŽง

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published