Skip to content
No description, website, or topics provided.
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

My Music Breakdown

Learn more about the music 🎧 you listen to everyday on Spotify based on musical attributes such as tempo, valence, energy, danceability, and popularity.

Live Site

You can find the live site @


  • See your top 50 songs listened to all time
  • See your top 50 songs listened to in the last 6 months
  • See your top 50 songs listened to in the last 4 weeks
  • See what your typical song listened to is based on you averages for the time period selected.


Coming Soon

Built With

How To Use

This will give you the front end to the website. You can clone the backend to authenticate by going here.

Clone the project

$ git clone 

Then you cd into folder

$ cd client-my-music-breakdown

Using yarn do

$ yarn install

Make sure to change the handleLogin function to make sure it works on your local environment on the Login page component.

handleLogin = (event) => {
    window.location = "http://localhost:8888/login";

Then you are ready to do

$ yarn start 

and then go to http://localhost:3000.


Feel free to send me any suggestions or feedback on the following :


My Music Breakdown is provided under the MIT License. See LICENSE for the full details.


Alvaro Castelan | LinkedIn | Portfolio


Inspired by Sort Your Music by @plamere

You can’t perform that action at this time.