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.