Skip to content

README.md

Latest commit

 

History

History
24 lines (18 loc) · 1.46 KB

README.md

File metadata and controls

24 lines (18 loc) · 1.46 KB

🧠 letsPlayTrivia

A dynamic, category-driven trivia application built with React and React Router 6. This app leverages the Open Trivia Database API to provide a personalized quiz experience with real-time scoring and progress tracking.

🚀 Features

  • Customizable Quizzes: Filter by Category (Science, History, Art, etc.), Difficulty (Easy, Medium, Hard), and Question Type (Multiple Choice or True/False).
  • Modern Data Fetching: Uses React Router Loaders and Actions for efficient data management and seamless navigation.
  • Asynchronous UI: Implements Suspense and Await to handle API loading states gracefully.
  • Session Persistence: Saves user tokens and trivia preferences in sessionStorage to maintain progress.
  • Dynamic Scoring: Tracks wins and losses in real-time and provides a personalized summary based on performance.
  • Infinite Play: Options to restart the game or load "More Questions" (up to 50) without losing your current progress.

🛠️ Tech Stack

  • Frontend Library: React 19 (Functional Components & Hooks)
  • Data Routing: React Router 6.4+ (Utilizing createBrowserRouter, loaders, and actions)
  • State Management: React Context API & useOutletContext for localized global state.
  • Asynchronous Patterns: Suspense and Await for non-blocking UI rendering.
  • Persistence Layer: Browser sessionStorage for user and unique token.
  • Styling: CSS3 with Dynamic Variables.