When we started this challenge, we all realized that the one thing we all had in common was our love of music. We wondered if there was a way to create the ‘perfect’ playlist, based on our individual tastes in music. That is when we came up with the idea to use Spotify’s API to create a webapp that recommends new music based on a user's liked songs.

What it does

Tinderfy is a webapp that allows users to discover new music by playing short clips of songs, which the user can then ‘like’ or ‘dislike’. Songs that are liked will be added to a Spotify playlist and similar music will be recommended. Songs similar to ones that the user disliked will not be played.

How we built it

We build our webapp using Spotify's API. The languages we used include HTML, JavaScript, CSS, and Python.

Challenges we ran into

We faced many challenges during this project. We’ve had to convert our code from Python to Javascript so that it worked with our react app, which was difficult. Also, connecting the frontend and backend was a struggle.

Accomplishments that we're proud of

We were able to display the Spotify songs on the screen after much struggle, so we are proud that we were able to do so with the help of our mentors.

What we learned

Throughout this experience, we learned how to use JavaScript, since that was not a language any of us were familiar/confident in before. Some members were competing in their first hackathon, so they were able to expand their skills in front end web development. We split up the work based on our skills levels, since some members were more experienced with backend work, while others worked on frontend.

Share this project: