Quizzmania Mobile App
Quizzical is a React-based trivia quiz application built as a capstone project for the Scrimba Frontend Career Path. The app pulls random questions from the Open Trivia Database API, presenting users with multiple-choice and true/false questions across various categories and difficulty levels.
The application demonstrates core React fundamentals including useState for managing quiz state and user selections, useEffect for API data fetching, and conditional rendering to toggle between home, quiz, and results screens. Users select answers, submit for scoring, see correct/incorrect feedback with visual indicators, and can restart with a fresh set of questions.
Gallery
Key Features
Open Trivia Integration
Fetches randomized trivia questions from the Open Trivia DB API, supporting multiple categories, difficulty levels, and question types including multiple-choice and true/false.
Interactive Answer Feedback
Displays clear visual feedback on submission alongside the right answer for learning reinforcement.
Responsive Design
Pixel-perfect implementation from Figma mockups with responsive layouts that adapt seamlessly across desktop, tablet, and mobile screen sizes.
Play Again Functionality
After viewing results, users can restart with a fresh set of questions, with the check answers button transforming into a play again prompt for continuous engagement.