https://github.com/planeshifter/qality.js
Multiple-Choice QA System for JavaScript
https://github.com/planeshifter/qality.js
Last synced: about 1 year ago
JSON representation
Multiple-Choice QA System for JavaScript
- Host: GitHub
- URL: https://github.com/planeshifter/qality.js
- Owner: Planeshifter
- License: mit
- Created: 2015-04-22T20:37:22.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-11-24T06:02:13.000Z (over 10 years ago)
- Last Synced: 2025-04-07T18:49:10.760Z (about 1 year ago)
- Language: JavaScript
- Homepage: http://qality.philipp-burckhardt.com/
- Size: 4.47 MB
- Stars: 4
- Watchers: 6
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![NPM version][npm-image]][npm-url]
[![Bower version][bower-image]][bower-url]
[![Build Status][travis-image]][travis-url]
[![Dependencies][dependencies-image]][dependencies-url]
# QAlity.js
> Multiple-Choice QA System for JavaScript
## Features:
- **Versatile**: Several question types: *multiple choice*, *input fields*, *timed and untimed questions*
- **Evaluation system**: Provide result scores and targeted feedback
- **Animations**: customizable animations based on the performant [gsap](http://greensock.com/gsap) library
- **Visual Editor**: create quizzes interactively using a visual frontend
- **Markdown support**: implemented via [markdown-it](https://markdown-it.github.io/)
- **Math support**: blazingly fast rendering via [KaTeX](http://khan.github.io/KaTeX/)
- **Customizable Design**: change appearance of all elements via CSS
## Getting Started
Create a quiz on on the [QAlity Frontend](http://qality.philipp-burckhardt.com/),
grab the created JavaScript object and insert on your page via one of the following options.
## Installation:
#### CDN
Include the following two lines in your `head` and you are ready to go:
```html
<link href="https://cdn.rawgit.com/Planeshifter/qality.js/d02a37d884cd658448ee64a058cd32ceb7df4dfb/css/exam.css" media="screen" rel="stylesheet" type="text/css"/>
```
See the following minimal working example:
```html
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.rawgit.com/Planeshifter/qality.js/d02a37d884cd658448ee64a058cd32ceb7df4dfb/dist/QAreader.min.js">
new QAlity({"sequence":{"nodes":[{"id":0,"type":"input","question":"Who is the current president of the United States?","right_answer":"Barack Obama","transition_in":"dynamic","transition_out":"dynamic","points":1,"duration":"0","background":"none"}]},"evaluation":{"seperator":[{"start":0.33,"id":0},{"start":0.66,"id":1}],"sorted":[],"ranges":[{"id":0,"text":"RANGE 1","start":0,"end":0.33},{"id":1,"text":"RANGE 2","start":0.33,"end":0.66},{"id":2,"text":"RANGE 3","start":0.66,"end":1}]}},
{"div":"quizHolder"});