Interactive Math Quiz App
An interactive web-based mathematics quiz platform featuring dynamic API integration, local state persistence, and a countdown timer.
01. Project Overview
Quiz App is a modern, interactive web-based quiz platform designed specifically to test users' capabilities and speed in mathematics trivia questions.
02. The Challenge
The primary product challenge was dealing with interrupted sessions. If a user was in the middle of a 10-question math quiz and accidentally closed their browser or refreshed the page, their score, progress, and timer would be lost. We needed an automatic resume system.
03. Core Features
- ✦Auto-Resume Engine: Seamless localStorage logging that stores remaining seconds and answers, letting users resume quiz sessions upon refresh.
- ✦Dynamic Question API: Integrated OpenTDB endpoints to fetch random, categorized mathematics questions on demand.
- ✦Interactive Countdown Timer: Staggered game mechanics that complete the session automatically when time runs out.
- ✦Quiz History & Statistics: A dashboard tracking past quiz attempts, scores, and performance trends over time.
04. My Role & Responsibilities
This is my personal development project which I built entirely from the ground up, writing the code, organizing states, and deploying the application.
05. Tech Stack & Design Decisions
Built with React 19, Vite, TypeScript, and the latest Tailwind CSS v4. Vite was chosen for lightning-fast HMR, TypeScript for robust types, and Tailwind CSS v4 for utility styling.
06. Outcomes & Impact
- ✦Successfully launched the project on Vercel, providing users with a frictionless quiz game flow.
- ✦Achieved a 100% success rate in preserving game states across sudden browser resets.