{"id":13541536,"url":"https://github.com/bchiang7/spotify-profile","last_synced_at":"2025-04-04T13:11:14.945Z","repository":{"id":36415748,"uuid":"138958416","full_name":"bchiang7/spotify-profile","owner":"bchiang7","description":"A web app for visualizing personalized Spotify data built with React, Express, and the Spotify API","archived":false,"fork":false,"pushed_at":"2023-01-04T01:22:59.000Z","size":4723,"stargazers_count":676,"open_issues_count":32,"forks_count":87,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-28T12:07:04.457Z","etag":null,"topics":["express","nodejs","reach-router","react","spotify-profile","spotify-web-api","styled-components"],"latest_commit_sha":null,"homepage":"https://spotify-profile.herokuapp.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bchiang7.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-28T02:53:16.000Z","updated_at":"2025-03-27T16:59:01.000Z","dependencies_parsed_at":"2023-01-17T01:17:12.666Z","dependency_job_id":null,"html_url":"https://github.com/bchiang7/spotify-profile","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bchiang7%2Fspotify-profile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bchiang7%2Fspotify-profile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bchiang7%2Fspotify-profile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bchiang7%2Fspotify-profile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bchiang7","download_url":"https://codeload.github.com/bchiang7/spotify-profile/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247182348,"owners_count":20897380,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["express","nodejs","reach-router","react","spotify-profile","spotify-web-api","styled-components"],"created_at":"2024-08-01T10:00:50.214Z","updated_at":"2025-04-04T13:11:14.924Z","avatar_url":"https://github.com/bchiang7.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Spotify Profile\n\n\u003e A web app for visualizing personalized Spotify data\n\nBuilt with a bunch of things, but to name a few:\n\n- [Spotify Web API](https://developer.spotify.com/documentation/web-api/)\n- [Create React App](https://github.com/facebook/create-react-app)\n- [Express](https://expressjs.com/)\n- [Reach Router](https://reach.tech/router)\n- [Styled Components](https://www.styled-components.com/)\n\n## Setup\n\n1. [Register a Spotify App](https://developer.spotify.com/dashboard/applications) and add `http://localhost:8888/callback` as a Redirect URI in the app settings\n1. Create an `.env` file in the root of the project based on `.env.example`\n1. `nvm use`\n1. `yarn \u0026\u0026 yarn client:install`\n1. `yarn dev`\n\n## Deploying to Heroku\n\n1. Create new heroku app\n\n   ```bash\n   heroku create app-name\n   ```\n\n2. Set Heroku environment variables\n\n   ```bash\n   heroku config:set CLIENT_ID=XXXXX\n   heroku config:set CLIENT_SECRET=XXXXX\n   heroku config:set REDIRECT_URI=https://app-name.herokuapp.com/callback\n   heroku config:set FRONTEND_URI=https://app-name.herokuapp.com\n   ```\n\n3. Push to Heroku\n\n   ```bash\n   git push heroku master\n   ```\n\n4. Add `http://app-name.herokuapp.com/callback` as a Redirect URI in the spotify application settings\n\n5. Once the app is live on Heroku, hitting http://app-name.herokuapp.com/login should be the same as hitting http://localhost:8888/login\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbchiang7%2Fspotify-profile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbchiang7%2Fspotify-profile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbchiang7%2Fspotify-profile/lists"}