← Gadget catalog · Case study

Coffee Quiz

What's your coffee personality? A playful personality quiz that matches you with your ideal cup, with five visual styles explored along the way. My first vibe-coded app.

Coffee Quiz results showing a percentage breakdown across five coffee personalities

The problem

I wanted to learn how to go from idea to deployed product with an AI coding partner, using a small, fun project with a clear finish line.

How it works

Interviewrequirements5 stylespreviewsBuildClaude CodeIteratefeedbackDeployVercel

Claude interviewed me to write the requirements: five personalities (Bold Adventurer, Cozy Classic, Social Butterfly, Health Nut, and Practical Pragmatist), each paired with a coffee.

Instead of a single winner, results show a full percentage breakdown across all five personalities, with a recommendation for each.

I compared five visual directions as static previews before picking one, the same process I used to design this site.

A closer look

A warm, coffee-shop look picked from five style previews.
Six questions, each answer mapped to a personality.
Results show the full breakdown, not just one winner.

Results

5personalities, each paired with a coffee
5visual styles explored
1stapp shipped with Claude Code