Nuxt 3 Quiz

Stack

Nuxt
Bulma
Firebase
Pinia

Setup

Install the dependencies:

# yarn
yarn install

Development Server

Start the development server on http://localhost:3000

yarn dev

Quiz

The task is to build a simple quiz with a few questions and a few alternatives for each question. With one correct answer. The site should have some parallax effects and be responsive designed. Do something that shows your strengths in html/css.

Preferred Usage of technologies

[✓] Framework - Vuejs
[✓] CSS Framework ex Less
[✓] CSS grid or flex
[✓] Server side rendering. ( support SEO )

User stories

[✓] Site should have a cool parallax effect on something
[✓] Site should be fully responsive
[✓] User should be able to get questions with answers
[✓] User should be able to select just one answer per question.
[✓] User should be able to answer all the questions and then post his/hers answers and get back how many correct answer there was. and that should be displayed to the user.
[✓] User should see how good he/she did compared to others that have taken the quiz , "You where better then 60% of all quizer"