Trivia Game

  • Tools : Visual Studio Code
  • Tech : HTML, JS, Open JSON Trivia API
  • Brief : Project for Coding Bootcamp
  • Role : Design & Dev
  • Duration : 1 Week

Learning JSON

JSON objects were pretty new to me at this point.  The idea of stringifying and then turning the string into an object seemed a bit counterintuitive and unnecessary – but seeing working query results is a cool enough feeling to offset frustration with the process.

AJAX

Asynchronous javascript is REALLY COOL in my opinion.  The jQuery ajax API is a bit confusing, though.  Promises, callbacks, and their many relatives are still rather challenging.  This was a great opportunity to understand the behavior of asynchronous js in an app that still had synchronous js written into it.

Finished Product

Player selects category and clicks ‘play’.  A timer counts down from 100 while a player tries to beat the clock and answer all questions correctly.

The spacing and contrast of this interface are a bit low – I’d like to make this visually accessible asap.

Future Features

Aside from accessibility, I’d like to add some basic stuff – like scorekeeping, the ability to pass on a question, and unlimited questions during the timer.  I don’t plan to attach this to a database anytime soon, however.