Spot-the-fy

main login page/mode selection
example gameplay screenshot

Inspiration

Both of us love to listen to Spotify in our free time, and wanted a fun way to personalize a quiz game to our likings.

What it does

The app analyzes your listening experience with the Spotify API and creates a quiz centered around your top artists with various difficulties.

How we built it

We used Drogon in the backend, and React + HTML + CSS in the frontend.

Challenges we ran into

The Spotify API took some getting used to, and React has a bit of a learning curve. Drogon was a bit challenging to work with and when we were using Redis the async functions were often too slow. Drogon is extremely fast and the http response out preformed the calls to the Redis db and values were often fetched after calls were already made.

Accomplishments that we're proud of

We have a finished working product that correctly handles calls between the user, the API, and the website!

What we learned

We have learned how to handle API calls, parse json files, and create interactive sites with React.

What's next for Spot-the-fy

We want to add other types of questions, such as an option for song trivia. The Spotify API gives access to a lot of interesting, miscellaneous information about songs (such as BPM), so it would be cool to take advantage of it. We can also keep developing our multi-user mode where people can compete against each other, this requires the Redis database and we were able to implement a basic concept of people battling each other. With more time the basic concept can be completed.