pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

URL: http://github.com/Surajv311/myMusicApp

GitHub - Surajv311/myMusicApp: 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. ๐ŸŽง ยท GitHub
Skip to content

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

 
 
 

Contributors

pFad - Phonifier reborn

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.





Check this box to remove all script contents from the fetched content.



Check this box to remove all images from the fetched content.


Check this box to remove all CSS styles from the fetched content.


Check this box to keep images inefficiently compressed and original size.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy