[SK] Portfolio / Selected Work / QuizBuzz
PROJECT_008 // 2026
Mobile Web App · PWA · Built with Claude Code

QuizBuzz

MY ROLEDesigner & Product Owner
BUILT WITHClaude Code, only
TIMELINEApr – May 2026
TYPEInstallable PWA
▶ Play QuizBuzz ↗ Live game · works best on a phone
My RoleDesigner & Product Owner
Built WithClaude Code, exclusively
Time to PWA13 days · 80+ commits
PlatformMobile web · PWA
01

The Brief

QuizBuzz is a daily quiz game for family and friends: quick enough for one round a day, social enough to challenge people you know, and polished enough to feel like a real app rather than a side project. Streaks keep people coming back, levels and badges reward progress, and live multiplayer turns a solo quiz into something to play together.

It was also an experiment. Could one designer take a product from first idea to an installable, store-ready app using nothing but Claude Code? No separate engineering team, no hand-written code, and no design hand-off. Just a conversation, a phone in hand, and a lot of iteration.

02

One Rule: Only Claude Code

Every screen, interaction, database rule, serverless function and deployment setting in QuizBuzz was written, debugged and shipped through Claude Code. The split of responsibilities stayed consistent from the first commit to the last:

What I did

  • Decided what to build and what to cut: game modes, the home screen, what a streak should feel like.
  • Set the visual direction: dark glass, a living gradient background, playful rewards.
  • Tested on a real phone and described what felt wrong in plain language.
  • Judged every result and sent it back, or kept it.

What Claude Code did

  • Wrote all the code: UI, game logic, scoring, animations, sound.
  • Set up the back end: authentication, a real-time database, multiplayer rooms and chat.
  • Built the platform layer: push notifications, a scheduled daily reminder, PWA manifest, service worker and Play Store assets.
  • Debugged: including finding root causes on tricky iOS behaviour.
03

Thirteen Days, Start to PWA

The git history tells the story. Work came in bursts: long, focused sessions on a handful of days, with each commit a small, reversible step.

1
0
0
0
0
15
36
27
1
0
0
0
0
1
22232425262728293012345
Fig. 01 — Commits per day, 22 Apr – 5 May 2026 (81 commits to the app; days 22–30 are April, 1–5 are May)
04

What Shipped

01
Daily Challenge & Streaks

One quiz a day, a streak card with an animated flame, and bonus rounds. Small daily habits, rewarded visibly.

🔥 Come back tomorrow
02
Game Modes & Question Formats

Daily, Sudden Death, Survival and Blitz, drawing on a bank of 1,800+ questions in five formats: multiple choice, true/false, arrange, fill-in-the-blank and picture.

🎮 Variety every round
03
Progress & Leaderboard

XP, levels, subject badges and a leaderboard with a podium. Tap any player to open their profile card.

🏅 Show your progress
04
Real-Time Multiplayer

Play with Friends: create or join a room with a code, wait in a lobby, then compete live with emoji reactions and in-quiz chat.

🤝 Better together
05
Notifications

A scheduled daily reminder and friend-challenge alerts, delivered as Web Push so the app feels alive between sessions.

🔔 Bring people back
06
Installable & Store-Ready

A full PWA: it installs to the home screen and caches offline. Packaged with the assets for a Play Store build.

📲 Feels native
05

Design Direction

Claude Code is fast at building, which makes taste the scarce part. The look was never specified up front. It was discovered by building, looking, and redirecting, over and over.

01
Dark Glass as the Default

Deep navy backgrounds, translucent dark-blue cards and vivid purple calls to action. The light/dark toggle was removed altogether so one look could be made excellent.

02
A Living Background

Floating orbs became an animated mesh gradient with heavy grain, then a multi-blob version that drifts across screens, all tuned so text always stays readable on mobile.

03
Playful Rewards

A mascot, level-up arrows, a flame that breathes and sounds routed to the loudspeaker on iOS. Delight in the small moments, within a clean layout.

06

Working Only in Claude Code

What the history shows about building a product this way:

07

Under the Hood

All of it was chosen, wired and deployed through Claude Code:

Single-page web appHTML · CSS · JavaScript
Firebase AuthGoogle & email sign-in
Firebase Realtime Databaseleaderboards · rooms · chat
Vercelhosting · serverless functions · cron
Web Pushdaily reminder · challenge alerts
PWAmanifest · service worker · offline cache
Lottiestreak animation
Play Store packagingasset links · maskable icons
08

Outcomes

13 Days from first commit to PWA
80+ Commits, each a reversible step
1,800+ Questions across five formats
100% Built in Claude Code

QuizBuzz shows what a designer can do with an AI pair that writes the code: a real-time multiplayer game with authentication, notifications and an installable app, taken from idea to store-ready in under two weeks. The tool compressed building. It didn't replace deciding what was worth building, or how it should feel.