Back
Quizzmania Mobile App

Quizzmania Mobile App

#React #API-integration #Open-Trivia-DB #responsive-design

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.

Visit Live Website
NexaHub Project

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.

Visit Live Website

Ready to Start Your Project?

Get Started Back