- Analyze a Spotify user's library and listening habits
View live site here (please be patient while Heroku wakes up)down temporarily - please see demo below instead- Relies on a Rails API back end (repo)
- Video demo
- Authorizes users through Spotify's Web API Authorization to access a user's saved tracks
- Provides basic overview of saved library
- Users are able to view their top artists and top tracks (determined by Spotify's affinity measure) over three time ranges: past 4 weeks, past 4 months, or past several years
- Utilizes d3.js to provide interactive visualizations for:
- User's 50 most recently played tracks, grouped by hour in a bar chart
- Genres of all saved artists, displayed in a bubble chart
- Embedded Spotify player allows users to listen to artists and tracks directly on the page
- Redux provides persistent state across all app pages
- This project was bootstrapped with Create React App
- See
src/components/PageAssets/ApiUrl
to configure API URL