Quiz App
  • Web App

Quiz App

Overview

An interactive quiz app built with Vue 3 and Vite. Players work through rounds of questions, get instant right/wrong feedback and a running score, then see a result screen at the end.

A compact project about reactive state and clear flow between screens.

What I built

  • Rounds of multiple-choice questions
  • Instant feedback on each answer
  • A running score that updates live
  • Start, quiz and result views with clean transitions

Technical approach

The quiz flow is split into routed views handled by Vue Router — start, active quiz and result. Question state, the current index and the score are all reactive Vue state, so the UI updates automatically as the player progresses. Tailwind CSS keeps the interface responsive and consistent.

What I took away

Small apps are the best place to get fundamentals crisp. Modelling the quiz as reactive state — questions, current step, score — and letting Vue re-render from it made the logic simple to follow and easy to extend with new question types.

Highlights

  • Rounds of questions with instant feedback
  • Running score and result screen
  • Routed views with Vue Router
  • Responsive Tailwind CSS interface
0Stars