USA QUIZ GAME

USA QUIZ GAME

My son is really into learning about the 50 states and their capitals so I decided to make a fun little multiple-choice web app quiz for him to practice and learn on his laptop. There are five categories you can choose from: states, capitals, nicknames, abbreviations, and flags. For each category, a state or capital is randomly chosen and you are given four choices to pick your answer. If you answer it correctly, a chime plays and message telling you "GREAT JOB" pops up. If you answer it incorrectly, a buzzer sounds and you are asked to try again.

I used a font called StateFace and jQuery to display a "picture" of the state being asked about in each question. The score for the session is kept track with sessionStorage. A congratulatory message appears for every ten points you accumulate.

Try the United States Quiz Game

  • HTML5,
  • CSS3,
  • JQUERY,
  • BOOTSTRAP