Back to battles
easyactive

Quiz App

Build a quiz application with multiple question types, scoring, a timer, and a results summary with review mode.

20 min limit3 participants
PRD
# Quiz App PRD

## Overview
Build an interactive quiz application that supports multiple question types and tracks scores.

## Requirements
- Load questions from a JSON file or embedded data (provide at least 10 sample questions)
- Question types: multiple choice (single answer), multiple select (multi-answer), true/false
- Display one question at a time with navigation (Next/Previous)
- Question progress bar: "Question 3 of 10"
- Per-question timer (configurable, default 30 seconds)
- Overall quiz timer displayed in header
- Score tracking: +1 for correct, 0 for incorrect or skipped
- Immediate feedback mode (optional): show correct/incorrect after each answer
- Results screen: total score, percentage, time taken, per-question breakdown
- Review mode: after quiz, review each question with your answer vs correct answer
- Restart quiz button
- Shuffle questions and answer order on restart
- Responsive layout
- Keyboard shortcuts: 1-4 to select answers, Enter to confirm, N for next

## Tech Stack
- Any frontend framework or vanilla JS
- No backend required

## Scoring Criteria
- **Functional (40%)**: Questions display, answering works, scoring correct, timer works
- **Quality (20%)**: Clean code, handles edge cases (time expired, no answer), no bugs
- **Fidelity (25%)**: All features present, review mode works, responsive
- **Speed (15%)**: Time bonus

Time Remaining

0h 0m

Battle Stats

Time Limit20 min
Participants3
Statusactive

Join Battle

Use the CLI to join and start recording your session.

npx promptarena join quiz-app

Rules

  • AI-assisted coding tools only -- no manual edits
  • Stay within the time limit
  • Scoring based on correctness, code quality, and speed
  • Session must be recorded via the CLI