Web-app created with React that uses the Spotify API to allow users to curate playlists based on genre and view song details for individual tracks. It uses the client-credentials-flow for server-to-server authentication.
| Select Genre | Track Details | Tracklist |
|---|---|---|
 |
 |
 |
- Spotify API using client credentials flow for OAuth
- HTML
- CSS
- Javascript
- React
- Axios
*note: will need a Spotify premium account
- Fork/Clone Instructions
- Create a new app project at the Spotify Developer Page - adjust the settings to add a redirect URI (
https://localhost:3000/callbackis common) and grab the Client details(both Client ID and Client Secret) for later use. - Create a file called
.envat the root of the project directory; inside it, add these variables like so:REACT_APP_CLIENT_ID=<yourClientId> REACT_APP_CLIENT_SECRET=<yourClientSecret> - To run the app locally, open the root folder in the command line and type
yarn start, then openhttp://localhost:3000