TopTunes is a React JS webapp that creates a Spotify playlist using songs that you select from your top 20 most listened songs.
Click here to try it out.
Please note that the app is currently in Development mode meaning that it can only be used by a single spotify account/developer account. I have requested Spotify to extend quota mode to allow a wider audience to use this app, however if you wish to try it now, you can contact me and I will manually add you to the allow list.
As a music lover, I often find myself repeatedly listening to my favorite songs. While Spotify lets you create playlists, it lacks a feature to highlight your top tracks. TopTunes was created as a solution to curate playlists from your top 20 songs, providing an easy way to enjoy your most-played tunes on repeat.
This project allowed me to learn how to build a responsive and interactive UI using React and about creating components and managing state.
I learned how to use the Spotify API to make authenticated HTTP requests, to acquire user's top tracks, create playlists, retrieve user data etc. Through implementing user authorization for Spotify, I learnt about OAuth2.0, and the different flows for authorization.