Spotify Connected App

A full stack web app to visualize personalized Spotify data.

Demo

Built with:

• Node.js
• Express
• Create React App
• Styled Components
• OAuth 2.0
• Spotify API
• Heroku

Local Installation & Set Up

1. Register a Spotify App in your Spotify Developer Dashboard and add http://localhost:8888/callback as a Redirect URI in the app settings

2. Create a .env file at the root of the project based on .env.example and add your unique CLIENT_ID and CLIENT_SECRET from the Spotify dashboard

3. Ensure nvm and npm are installed globally

4. Install the correct version of Node

   nvm install

5. Install dependencies

   npm install

6. Run the React app on http://localhost:3000 and the Node server on http://localhost:8888

   npm start

   Credits

   Final product of the newline.co course, "Build a Spotify Connected App".