vquiz
A quiz generation utility using reactjs.
Demo
Features
App
- Quiz Title
- Start-page:
- Intro to the Quiz
- In questions page:
- The progress of the quiz is indicated using a progress bar.
- Current question's number and total number of questions are displayed.
- Question and choices for its answer are displayed.
- Navigation to previous and next questions is provided.
- In the score page,
- Total number of correct answers of the user is shown.
- A link to check the user's answers against the correct answers is be provided.
Development
- The file
src/data/quiz-data.js
can be used to customize following parameters of the quiz:- Title
- Intro
- Questions
- Choices for each question (as an Array)
- Correct answer for each question (as the index of the correct answer in the Choices Array)
- All questions can only be in multiple-choice format where only one choice can be opted as answer.
- Answers (opted choices) can be reviewed before submitting the quiz.
- Upon the submition of the quiz:
- A score page will be shown and
- A link to check the user's answers against the correct answers will be provided.