Back to Showcase
Interactive Quiz Platform

AhaZone

A library of self-contained learning quests — music theory, English, digital literacy — each built as a single HTML file with animated feedback and zero infrastructure.

01

Overview

AhaZone is the answer to a recurring frustration: most classroom quiz tools require accounts, internet connections, and a learning curve that competes with the lesson itself. AhaZone takes the opposite stance — every quiz is a single HTML file, served from anywhere, runnable anywhere, and built to be visually delightful enough that students actually want to open them.

The catalogue currently spans thirteen quests across three subjects (English, Music, Digital Literacy), filtered by year group on a starlit landing page. Each quest is hand-tailored to the lesson it accompanies — some are short formative checks; others are multi-stage adventures with branching feedback. A small JSON index drives the catalogue, so adding a new quest is one file plus one entry.

Behind the scenes the platform is deliberately quiet: vanilla JavaScript, CSS animations, no framework, no build step, no analytics. The result feels like a polished native app, but ships as plain web assets that work even if the WiFi drops.

02

Features

Quest Catalogue

A starlit landing page with subject and class filters, search, a "Random Quest" shuffle, and per-quest difficulty & duration metadata.

Single-File Quests

Each quiz ships as one HTML file — markup, styles, scripts, and content inline. Drop it in a folder, link to it, done.

Animated Feedback

Right answers reward with a checkmark, an explanation, and a streak counter. Wrong answers reveal the correct option and the why — never just "incorrect".

Mixed Question Types

True/false, multiple choice, sequence ordering, and verdict-style "AI court" prompts — each format chosen to fit the lesson, not the engine.

Bilingual Content

Quests are written in German or English depending on the subject. Music theory in German, ClockQuest in English, with shared interaction patterns.

Zero Infrastructure

No accounts, no analytics, no backend round-trips during a quest. Each page is a self-contained world — cheap to host, fast to load, gone when closed.

03

Implementation

Vanilla JS (ES2020) Single-file HTML CSS Custom Properties CSS Animations Google Fonts JSON catalogue No framework No build step No analytics Light / dark theme Mobile-first PWA-ready meta
04

Gallery

AhaZone runs live on this domain — open the catalogue and try a quest yourself.

Open AhaZone