/trivia-game

A trivia game Frontend Application Built with React + Vite. the Open Trivia Database API is used as the source of questions.

Primary LanguageTypeScript

Trivia Game

A trivia game Frontend Application Built with React + Vite. the Open Trivia Database API is used as the source of questions.

How to play

  • Choose your game parameters: Difficulty, Topic, and Number of Questions.
  • You will be presented with multiple choice questions based on the parameters you chose.
  • Answer the questions to the best of your ability.
  • At the end of the game, you can share your score, start a new game, or keep playing with your recent score.

Features

  • Fully Responsive
  • Dark and Light Mode
  • Sophisticated Data Fetching with Error Handling
  • Multi Page
  • Reactive UI
  • Intermediary Loading States
  • Folder Structure and File Naming Conventions
  • Custom Hooks

Technologies Used

  • React + Vite
  • Jotai (State Management)
  • TypeScript
  • TailwindCSS
  • Shadcn UI Styled Components
  • Radix-UI Components
  • Lucide React Icons
  • React Router
  • Zod (Data Validation)
  • React Hook Form
  • Clsx and Tailwind Merge for Conditional Classes