Spotify Connected Playlist Maker

(Title: Jamming)

GitHub Repository: HERE 

Made with: Visual Studio, React, NodeJS 

Programming Languages: JavaScript & HTML (JSX), CSS

I made this project to practice fetching and posting data from a free open-source database which was Spotify. On the backend the user of this website must hard-code their own Client ID Key from Spotify's developer dashboard.

To Connect Client ID to Program:

1. Visit Spotifys Developer Dashboard --> (HERE)

2. Create App (Name & Description do not matter)

3. You should be able to see your personal Client ID (top left)

4. Click "Edit Settings" (top right)

5. Add a Redirect URI to ---> http://localhost:3000/

6. Now you open the GitHub Project in your IDE (I use Visual Studio)

7. Open Spotify.js File (Path: src->util->Spotify.js)

8. On line 1 replace clientId with your own.

Once you get the your Spotify Developer API connected to the program you will be able to create your own playlist and directly add them to Spotify. The user types in a Artist, Song, Album, or Genre and the program will fetch and post the results for the user to interact with. Once the song is found the user can add it to their own uniquely named playlist on the right. They are also able to remove any unwanted or misclicked entries. Their playlist is finalist once they hit the "Save to Spotify" button.