Bytee-quiz NPM

Vue Quiz

Simple Quiz app powered by Vue.js and Spectre.css.

Demo

Features

Easy to use and fast integration into websites.
Single-Choice, Multiple-Choice and Fill-the-blank question support.
Simple JSON files, no server needed.
Option to use a full-blown API quiz server with support for tracking & database storage.
Timer and question counter
Randomize questions and answers
Explanations for answers
Score based results
Suggest question form (With API)
Report question form (With API)
i18n support

Quiz server

Instead of simple JSON files for the questions, you can also use the nodejs powered quiz server.

Question JSON markup

Questions follow a simple JSON format, the "Suggest question" view can generate the correct markup for you.

Check the demo quiz json file in the /public folder for more examples.

[
  {
    "title": "Question text?",
    "kind": "single|multiple|text",
    "code_block": "",
    "resolution": [
      3
    ],
    "difficulty": "5",
    "answers": [
      {
        "content": "-h",
        "explanation": "ls -lh shows the size values in **h**uman readable format."
      },
      {
        "content": "-l",
        "explanation": "ls -l is the list view."
      },
      {
        "content": "-r",
        "explanation": "ls -r reversely orders the output (DESC)."
      },
      {
        "content": "-a",
        "explanation": "ls -a shows hidden files starting with a dot."
      }
    ]
  }
]