/Quizzical-Trivia-Game

A trivia web application displaying and scoring 5 random questions from the Open Trivia Database API (a REST API)

Primary LanguageJavaScript

Quizzical-Trivia-Game

A trivia web application displaying and scoring 5 random questions from the Open Trivia Database API.

Features:

  • Dynamic page and button styling when user interacts with page or submits page
  • Questions from the Open Trivia Database API

Full Demo Video:

https://share.getcloudapp.com/OAu2x6lg

Screenshots:

Main Menu

Before submitting

After submitting

Tech Stack:

HTML, CSS, JavaScript, and React

Challenges and Lessons Learned:

  • Using React useState to create variables, mutate them, and let variables reactively change on web page
  • Using useEffect to pull data from Open Trivia Database API
  • Displaying dynamic styling depending on component state and user interaction
  • Practice using ternary operators and arrow functions

How to Run:

  • Uses vite, Node.js, and NPM
  • npm install
  • npm run dev