MoodMix

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.

Demo

---

Description

Select Genre	Track Details	Tracklist

---

Technologies Used

APIs:

• Spotify API using client credentials flow for OAuth

Languages:

• HTML
• CSS
• Javascript

Libraries/Frameworks:

• React
• Axios

---

Getting Started

Installation Instructions:

*note: will need a Spotify premium account

1. Fork/Clone Instructions
2. Create a new app project at the Spotify Developer Page - adjust the settings to add a redirect URI (https://localhost:3000/callback is common) and grab the Client details(both Client ID and Client Secret) for later use.
3. Create a file called .env at the root of the project directory; inside it, add these variables like so:

   REACT_APP_CLIENT_ID=<yourClientId>
   REACT_APP_CLIENT_SECRET=<yourClientSecret>
   

4. To run the app locally, open the root folder in the command line and type yarn start, then open http://localhost:3000