Malta Quiz

See the live demo here.

Description

Hello, my name is Marcel!

This project is an assignment for the position of Frontend Developer at Fast Track.

This is a quiz app that uses the local API to fetch questions and answers. The app is built with Nuxt 3, Vue 3, Pinia, LESS, and Cypress (for unit testing). The app is responsive and works on mobile, tablet, and desktop devices.

Project's features:

Parallax effect
Responsive design
Server-side rendering
User can get questions with answers
User can select just one answer per question
User can answer all the questions and then post his/hers answers and get back how many correct answers there were, and that should be displayed to the user
User can see how well they did and how they compared to others that have taken the quiz eg. "You were better then 60% of all quizers"

Extras features:

User can see the correct answer after answering a question
User can see the correct answer after submitting the quiz
User can know more about the Malta in the blog
User can navigate using a bottom nav bar

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

Development Setup