SonicPulse Home Screen

I wanted a fast way to test whether my friends actually recognize tracks quickly instead of guessing from lyrics or text questions. So I built SonicPulse, a mobile-first audio quiz you can play directly in the browser without creating an account.

SonicPulse Gameplay Deck

How it works

  • Pick an artist or swipe through genre decks
  • Listen to a 30-second audio preview against a countdown clock
  • Pick the matching track from four choices across 10 rounds
  • Instant guest mode by default, with optional Google sign-in for score history

SonicPulse Round Screen

Live Demo

Try it out here: https://sonicpulse-sable.vercel.app

SonicPulse Results and Audio Player

Stack and what I fixed along the way

The frontend uses React, Vite, Tailwind CSS, and Framer Motion, backed by a Flask API and Supabase. Two tricky bugs I had to sort out for mobile testers were handling 100dvh viewport heights smoothly and letting users tap anywhere on the audio player card to unlock audio on mobile Safari.

If you try it on your phone, I would appreciate honest feedback on loading speed, audio delay, or any layout issues.