Skip to content

serhii-chernenko/vue3-quiz

Repository files navigation

difficulty training chapter tags
2
true
Chapter 5: Challenge Roundup
vue

Multiple Choice Quiz

Challenge Description

Create an application that simulates a simple quiz with multiple-choice questions.

Requirements

  • Display a question with four answer options.
  • Allow users to select one answer option.
  • Provide a "Submit" button to submit the user's answer.
  • Display a message indicating whether the user's answer is correct or incorrect.
  • Provide a "Next" button to load the next question.
  • Keep track of the user's score throughout the quiz.
  • Display the final score after the last question.

Other Considerations

  • TailwindCSS is preinstalled and with default config. It might be helpful for you if you want to have some styles. (Not obligatory)

Example of finished App

This is an example of what the functionality might look like at the end of the exercise.

gif of the finished aquarium app