029d0dd399
Editorial-lecture-hall direction: Source Serif 4 for question prose and headlines, IBM Plex Sans chrome, IBM Plex Mono for tabular numerics (countdown, scores, rank, session id, join URL). Single ink-blue accent in light mode, brass-amber in dark mode; warm paper background instead of the soft grey wash. Dropped border-radius from soft 14px to a sharp 2-4px to read as printed material rather than consumer app. Density rebalanced for the two viewing surfaces. Student question text goes to clamp(1.5rem, 2.4vw, 1.95rem) so it dominates a 390px phone; admin chrome (Q-num, countdown, hist labels) tightened so the projector read is "QUESTION LIVE" + question + options + distribution at a glance across a 1920x1080 lecture hall. State badge is uppercase + tracked with a status dot; live state pulses, urgent countdown (<=10s) blinks. Leaderboard becomes a tabular scoreboard: hairline borders, alternating row tint, gold/silver/bronze left-border medals on top 3 only (no other rank treatments), mono numerics throughout. QR panel now has its own SCAN TO JOIN eyebrow, the URL row sits below in mono with a copy CTA, session id rendered as a code chip, anchored as one shareable artifact. Picked-answer button gets a 2-step settle (scale 0.97 -> 1, color swap), correct-row reveal animates an inset border-draw, countdown bar gets a slow breathing highlight overlay; all motion respects prefers-reduced-motion. JS change is one line per SPA: toggle .urgent on the countdown when remaining <= 10s.
Live in-lecture quiz portal
FastAPI + WebSocket + SQLite quiz portal designed for ~40 students per class session. Single-process, in-memory room manager, vanilla HTML/JS front-end, Caddy in front for TLS.
Quick local run
python3 -m venv .venv
. .venv/bin/activate
pip install -e '.[dev]'
cp .env.example .env # edit QUIZ_SECRET_KEY + QUIZ_ADMIN_PASSWORD
uvicorn app.main:app --host 127.0.0.1 --port 8001 --reload
Open http://127.0.0.1:8001/admin/, log in, create a quiz pool from a
JSON pool file (see examples/pool_example.json for the schema), create
a session, and share the join URL.
VPS deploy (one-shot)
On a fresh Ubuntu 24.04 LTS root SSH:
curl -fsSL https://gitea.ahkhan.me/apps/quiz/raw/branch/master/deploy/bootstrap.sh | bash
The bootstrap:
- apt-installs Caddy + Python venv tooling
- Creates a
quizsystem user (no shell, no SSH) - Clones this repo to
/opt/quiz - Builds the venv and installs the app
- Generates
QUIZ_SECRET_KEY, prompts forQUIZ_ADMIN_PASSWORD - Drops the systemd unit and Caddyfile
- Starts both services
- Curl-checks
127.0.0.1:8001/healthz
After: quiz.ahkhan.me is live with auto-Let's-Encrypt cert. To override
the domain or repo URL, set DOMAIN= or REPO_URL= in the environment
before running the script.
Class-day workflow
- Provision Aliyun Intl HK ECS pay-as-you-go (
ecs.t6-c2m1.large, Ubuntu 24.04 LTS). - Point DNS A-record
quiz.ahkhan.meat the new IP. - SSH in as root, run the curl|bash one-liner above.
- Open
quiz.ahkhan.me/admin/, log in, upload the week's pool JSON, create a session. - Share the QR / join URL with the class.
- After class:
scp root@<ip>:/opt/quiz/quiz.db ./backups/quiz-YYYY-MM-DD.db - Destroy the instance.
Quiz pool files
Real pool JSON files contain answer keys and must not be committed
to this repo. .gitignore excludes examples/*_pool.json (only
examples/pool_example.json may be tracked). Author pools elsewhere
(e.g., your course-material directory) and upload at runtime via the
admin UI.
Tests
pytest -q
pytest --cov=app
For the WebSocket adversarial stress harness (Node.js + Playwright,
runs in a tmux loop), see tests/stress/README.md.
Spec
SPEC.md documents the locked v1.0 design (state machine, scoring,
identity flow, all WS message types).