At the end of every year, Spotify releases a playlist of all your top tracks for the whole year. I wanted to build something that would give me my most-listened-to tracks of the past month, or according to Spotify's API, the past four weeks.

What it does

Top Tunes authenticates a user's Spotify account and returns its top tracks from the past four weeks.

How I built it

Built using the Spotify API alongside react.js, node.js, HTML and CSS. The demo is currently run with a node server.

Challenges I ran into

It took me a long time to figure out how to authenticate a user. After a lot of googling and tutorial following, I was able to use Spotify's GitHub templates as a guide to setting up basic user authentication.

Accomplishments that I'm proud of

I've never used an API before, so I'm glad I got to use the Spotify API, especially since Spotify is a platform I use a ton. I also had to run and parse through a lot of API requests using Postman, which I hadn't done in a while.

What I learned

I learned how to integrate an API at a basic level, as well as work with Node and React libraries.

What's next for top tunes

My web app also only works for my account, so I need to make it more robust. I would like to improve the UI (especially the login page) and add a feature that takes all your top tracks and puts it into a playlist.

Share this project: