Project Day Detailed Task Guide

6-Phase detailed task specifications for Markdown spec-based website building

Task 01. Idea Definition & 3-Sentence Setup (Phase 1)

Formulate project purpose and user roles using the following 3-sentence template:

1. Site Purpose: A system where students check in via QR code and teachers monitor status in real time.
2. Student Role: Search name ➔ Click ID card ➔ Scan mobile QR ➔ Click check-in button
3. Teacher Role: Monitor attendance dashboard ➔ Verify real-time updates ➔ Filter status (Attended/Absent)

Task 02. Write 5 Markdown Spec Document Pack (Phase 2)

Request Codex to generate the following 5 files and review completion criteria:

SITE_SPEC.md: Screen layout, features, design, completion checklist
USER_FLOWS.md: Step-by-step user journeys
DATA_MODEL.md: Student and attendance data structures
IMPLEMENTATION_PLAN.md: Build sequence & testing checklist
CONVERSATION.md: Request & decision logging

Task 03. Codex Code Generation & Testing (Phase 3 & 4)

Instruct Codex to read specs first and generate website/ folder code.

Prompt: "Read the spec files first, and generate the student QR check-in page and teacher monitoring page under website/."

Task 04. Refinement & Final Presentation (Phase 5 & 6)

Update Markdown specs first upon feedback, revise code, log prompt history in CONVERSATION.md, and deliver a 5-minute presentation.