backbone-quiz is a quiz application, built for use on the website of the PBS documentary, "10 Buildings That Changed America." It supports two question types - multiple-choice and a sorting/matching type.
- backbone.js
- underscore.js or lodash.js
- jQuery - any recent version should work.
- jQuery UI Sortable (for sorting/matching questions)
- jQuery UI Touch Punch (makes jQuery UI Sortable work on mobile webkit browsers)
the demo version (viewable by opening quiz.html in a browser) uses Twitter Bootstrap and Font Awesome.
Opening quiz.html in a browser should give you a functional demo quiz.
The entire quiz is stored in a single javascript object, which gets passed into the quiz app. In this example, the quiz object is stored in a variable (in quiz.js) called fullQuizMulti. The object is fairly self-explanatory.