Spotifyzer

• 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

Features

• 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

Architecture

• This project was bootstrapped with Create React App
• See src/components/PageAssets/ApiUrl to configure API URL