QuizNinja

Test your knowledge of 'Game of Thrones' in this traditional style trivia game built with jQuery.

Features

Multiple choice (single answer) questions
Multiple choice (multiple answers) questions
True/False questions
Soundtracks & sound effects
Countdown timer
Progress bar
Score indication
Google Fonts integration

Topics

DOM traversal & manipulation with jQuery
Load JSON-encoded data from the server using a GET HTTP request (Ajax)
Use setTimeout() to implement timers
Use requestAnimationFrame() for accuracy
Create a responsive, mobile-first app using Bootstrap's responsive grid system and extensive prebuilt components

Basic Usage

After downloading, run the app by opening the index.html file in your web browser.

Built With

Bootstrap - CSS framework
jQuery - JavaScript library
Google Fonts - Library of libre licensed fonts
Font Awesome Free - The iconic SVG, font, and CSS toolkit

Author

Marios Sofokleous (PictureElement)

Todo

Make app progressive (PWA)

Copyright & License

© 2019 Marios Sofokleous (PictureElement). Code released under the MIT license.