Skip to content

A quiz app using the Open Trivia Database. Features real-time form validation, localStorage caching, and error handling for seamless user experience.

Notifications You must be signed in to change notification settings

antxhan/quiz-game

Repository files navigation

Quiz Website using OpenTDB API

A responsive quiz website powered by the Open Trivia Database (OpenTDB). Customize your quiz and enjoy dynamic features for a seamless experience.

Live Demo: https://a-quiz-game.netlify.app/


Features

  • Dynamic Form Validation: Automatically checks if the selected category, difficulty, and question count are valid, providing real-time feedback.
  • LocalStorage Integration: Caches data for faster browsing.
  • Error Handling with Notifications: Displays friendly messages for API errors (e.g., handling the "Art - Hard" bug where only 8 questions are available instead of the 9 advertised).

Usage

  1. Choose a Category then optionally select Difficulty, and Number of Questions.
  2. The form guides you if the inputs are invalid.
  3. Start the quiz and have fun!

Known Issue

  • Art - Hard Bug: API incorrectly reports 9 questions, but only 8 exist. The app informs users and suggests lowering the question count.

Technologies

  • Frontend: HTML, CSS, Javascript, Webpack
  • API: OpenTDB

About

A quiz app using the Open Trivia Database. Features real-time form validation, localStorage caching, and error handling for seamless user experience.

Topics

Resources

Stars

Watchers

Forks