The frontend is built using React integrated with Node backend to parse Spotify API requests to play music.
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!.