Inspiration

I literally play this game on my own, in my free time, for no reason, FREQUENTLY. Particularly, I have a classical music playlist that I've been using to try and remember the names of all the most popular orchestral pieces, so I just shuffle the playlist, look away, and guess--but we can do better.

What it does

Upload any Spotify playlist link and start getting quizzed on the tracks within!

How I built it

React frontend and a Node.js backend to handle the API calls to the Spotify Web API. Used waveform.js for the visualization of the tracks and called the Apple Music API in the frontend to get a 30-second preview of each track.

Challenges we ran into

Aside from React, every part of my tech stack was my third or fourth try. I tried so many other tools before settling on what I did, and the trial-and-error took 80% of the hackathon. Actually building was quick when the tools were right for my needs.

Accomplishments that we're proud of

This was my first solo hackathon project! It was a great exercise in human will to do this on my own, but it was also twice as rewarding for sure.

What we learned

I've previously used React, but only for hackathons and only in a rushed manner. This time, I followed a thorough React course before the hackathon and despite its simplicity, make a web app where I actually knew what I was doing for the most part and could speak to all components of the project.

What's next for Spotify Roulette

Definitely going to try to implement a multiplayer version so you can battle friends and see who can guess the song faster! And some way to keep track of points over one longer session.

Built With

Share this project:

Updates