All projects
Interactive trivia experience / 2025
Quizzical
A responsive trivia app that turns remote question data into a focused, immediate feedback loop.
CASE STUDY / 05
OVERVIEW
Quizzical fetches and renders trivia questions, safely decodes external content, tracks a player’s selected answers, and calculates the score at the end of each round.
01
The challenge
Remote quiz data arrives with encoded characters and shuffled answers, while the interface must preserve a user’s selections and make the final correct/incorrect state instantly legible.
02
The solution
I created typed question and answer state in React, normalised API content before rendering, and built clear selection and result states with Styled Components.
03
What shipped
- Typed UI state
- REST API integration
- Real-time score calculation
- Responsive answer feedback
OUTCOME
A fast, compact frontend project that shows careful state modelling, API integration, and feedback design.