Spotify Unwrapped

A web app that visualizes your Spotify insights

Deployed with Heroku:

• Heroku

Bootstrapped with:

• Create React App

Built with:

• Spotify Web API
• Express
• Axios
• React Router
• Styled Components

Installation & Set Up

1. Clone this repository.

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

3. Create an .env file in the root directory with the following configurations:

   CLIENT_ID=<your-client-id>
   CLIENT_SECRET=<your-client-secret>
   REDIRECT_URI=https://localhost:8888/callback
   FRONTEND_URI=https://localhost:3000
   

4. Install dependencies for the server.

   npm install

5. Install dependencies for the client.

   npm run client-install

6. To start development:

   npm run dev

7. The app is now running on http://localhost:3000/