abhibhaw/spotify-profile

spotify-profile-server

Setup

1. Login into the Spotify Developer website using your spotify account.
2. Create a new app in the dashboard.
3. Add http://localhost:8000/callback as the redirect uri in the app settings.
4. Create an .env file in the root of the project based on .env.example.
5. Run yarn install to install all the server dependencies.
6. Run yarn client:install to install all the client dependencies.
7. Run yarn dev to start the server in development.

Technologies used

• React.Js
• Material-UI
• Redux
• React-Router-Dom
• Create React App
• Node.Js
• Express
• Spotify API

Deploying to Heroku

1. Create new heroku app

heroku create app-name

2. Set Heroku environment variables

heroku config:set SPOTIFY_CLIENT_ID=XXXXX
heroku config:set SPOTIFY_CLIENT_SECRET=XXXXX
heroku config:set REDIRECT_URI=https://app-name.herokuapp.com/callback
heroku config:set FRONTEND_URI=https://app-name.herokuapp.com

3. Push to Heroku

git push heroku master

4. Add http://app-name.herokuapp.com/callback as a Redirect URI in the spotify application settings

5. Once the app is live on Heroku, hitting http://app-name.herokuapp.com/login should be the same as hitting http://localhost:8888/login