Interactive Music Quiz
August 2025
Personal Project
An interactive music quiz game connected to your Spotify music — how well do you know your songs?
What it is
I wanted to create something interactive that blended the two. That’s where the Live Music Quiz came in: a web-based game that connects directly to Spotify’s API and challenges players to guess the currently playing track. My goal was not just to build a fun quiz, but also to go through the full product development lifecycle—from ideation, to prototyping, to iteration
My AI Engineers
I treated AI as my engineers and told them my vision:
Cursor helped with project scaffolding and boilerplate code.
Claude provided quick iterations, design alternatives, and code rewrites.
ChatGPT acted as my debugger and UX consultant, helping refine layout, polish CSS, and think through product decisions.
Main ideas
the app connects to spotify API and pulls currently listening to data and playback features
the user can then guess the song and the artist which then is check against the data for the currently playing song
using fuzzy matching, the guess is scored from a pre built equation, and results update instantly with accuracy and stats.
Technical Build
-
Frontend - HTML, CSS, JavaScript
Designed a responsive, card-based layout with progress tracking, results cards, and clean button interactions.
-
Backend - Python, Flask, Spotipy, SocketIO
Connected to Spotify’s Web API to fetch real-time track metadata, playback progress, and album art. Built endpoints for the frontend to submit guesses, skip tracks, and track progress.
-
Scoring System - Python, Fuzzy
100 points per round (70 for title, 30 for artist). This kept gameplay fair and easy to follow.
-
API Connection
Used Spotipy with OAuth 2.0 authentication to connect to the Spotify Web API. This allowed the app to fetch the current track’s metadata (title, artist, album art, duration, progress) and send playback commands like skipping tracks.