bchiang7/spotify-profile

bchiang7/spotify-profile has 719 GitHub stars and 92 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-15 18:32 UTC. Last push 2023-01-04.

How these counts are measured

719 stars 92 Forks

Measured star growth

in 24h: 0
in 7 days: Collecting history
in 15 days: Collecting history
in 1 month: Collecting history

Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.

About

A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API

README.md

Spotify Profile

A web app for visualizing personalized Spotify data

Built with a bunch of things, but to name a few:

Setup

Register a Spotify App and add http://localhost:8888/callback as a Redirect URI in the app settings
Create an .env file in the root of the project based on .env.example
nvm use
yarn && yarn client:install
yarn dev

Deploying to Heroku

Create new heroku app
```
heroku create app-name
```

Set Heroku environment variables

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

Push to Heroku
```
git push heroku master
```
Add http://app-name.herokuapp.com/callback as a Redirect URI in the spotify application settings
Once the app is live on Heroku, hitting http://app-name.herokuapp.com/login should be the same as hitting http://localhost:8888/login