Trivia Game

Trivia Game

Project Details

Role: Design & Dev

Duration: 1 Week

Tools: Visual Studio Code

Tech: HTML, JS, Open JSON Trivia API

Brief: Project for Coding Bootcamp

Interactive trivia game design and development

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.