Case study
Quiz app
A quiz UI used to practise multi-step React state: questions, scoring, and transitions.
Context
A compact app for multi-step UI state: idle, active, answering, complete.
Problem
Booleans for mutually exclusive quiz states get messy. Explicit states keep the UI consistent.
My role
Solo frontend.
Challenge
Scoring, question order, and transitions without a tangled update chain.
Approach
An explicit flow for quiz states, CSS transitions timed to those states, and instant score feedback.
Outcome
Live demo. Supporting work, not a product case study.
What shipped
Explicit quiz states
Idle, active, answering, complete — instead of a pile of booleans fighting each other.
Stack
React · TypeScript · Vercel
Small, useful for state design. Not featured on the homepage.