Wrapped Unwrapped

• 

  Welcome page

• 

  Top 10 page

Inspiration

One of my friends and myself think that we have similar music tastes, but keep sending each other music that we like and finding that we don't like it, so we wanted to compare our music tastes to compare them.

What it does

Because of the time constraints and because I needed to work on this project by myself, I was not able to get to the comparison functionality, but for now, I can print out the top 10 artists, tracks, and genres of a user's Spotify history.

How I built it

I used React framework for the UI. I tried to copy the Spotify UI.

Challenges I ran into

It took a while to learn how to call the Spotify API. Also, the API does not have a direct call to get a user's top genres, so I needed to count them in a map, then order them by value, and print the top 10.

What I learned

I learned about working with the Spotify array and also improved my react skills.

What's next for Wrapped Unwrapped

In the future, I will be adding a comparison function and will be allowing users to view their top 10 artists, tracks, and genres from the past 6 months and 4 weeks, as well.

Built With

• javascript
• react