Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/riteshsp2000/spotify-profile


https://github.com/riteshsp2000/spotify-profile

Last synced: 1 day ago
JSON representation

Awesome Lists containing this project

README

        

# 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