Instead of prompting Codex to "build a website" directly, experience the full 6-phase project workflow: Idea Definition ➔ Markdown Specs ➔ Codex Implementation ➔ Scenario Testing ➔ Spec & Code Refinement ➔ History & Demo.
Define site purpose, user roles (Student/Teacher), and core actions in 3 concise sentences.
Create SITE_SPEC, USER_FLOWS, DATA_MODEL, IMPLEMENTATION_PLAN, and CONVERSATION document packs.
Instruct Codex to read specs first and generate responsive website code under website/ folder.
Test student QR check-in, teacher live monitoring dashboard, and duplicate click guards.
Refine specification documents first (Spec-First) upon feedback, then prompt Codex to update code.
Log prompts & decisions in CONVERSATION.md and deliver a 5-minute final presentation.