diff --git a/specs/001-mcdonald-s-it/tasks.md b/specs/001-mcdonald-s-it/tasks.md new file mode 100644 index 0000000..ef666ae --- /dev/null +++ b/specs/001-mcdonald-s-it/tasks.md @@ -0,0 +1,448 @@ +# Tasks: McDonald's IT Halloween Event Page + +**Input**: Design documents from `/specs/001-mcdonald-s-it/` +**Prerequisites**: plan.md ✅, research.md ✅, data-model.md ✅, contracts/ ✅, quickstart.md ✅ +**File to Create**: `index.html` (single self-contained HTML file) + +## Execution Flow (main) +``` +1. Load plan.md from feature directory ✅ + → Tech stack: HTML5, CSS3, JavaScript ES6+ + → Structure: Single self-contained HTML file +2. Load optional design documents ✅ + → data-model.md: 4 entities (Event, Countdown, VisualTheme, Content) + → contracts/: page-content.schema.json + → research.md: 10 technical decisions + → quickstart.md: 10 test categories +3. Generate tasks by category ✅ + → Setup: HTML skeleton, structure + → Content: ASCII art, bilingual text + → Styling: CSS, responsive design + → Functionality: Countdown timer + → Accessibility: ARIA, WCAG compliance + → Testing: Validation, performance + → Polish: Documentation +4. Apply task rules ✅ + → Same file (index.html) = sequential for core structure + → Different sections = can plan in parallel [P] + → Tests before implementation (TDD principle) +5. Number tasks sequentially (T001-T032) ✅ +6. Generate dependency graph ✅ +7. Create parallel execution examples ✅ +8. Validate task completeness ✅ + → Schema has validation? Yes + → All entities covered? Yes + → All test scenarios included? Yes +9. Return: SUCCESS (tasks ready for execution) ✅ +``` + +## Format: `[ID] [P?] Description` +- **[P]**: Can run in parallel (independent planning/preparation tasks) +- Include exact file paths in descriptions +- All implementation tasks modify `index.html` + +## Path Conventions +- **Single file project**: `index.html` at repository root +- **Specs directory**: `/specs/001-mcdonald-s-it/` +- **Tests**: Manual testing via `quickstart.md` + +--- + +## Phase 3.1: Setup & Structure + +- [ ] **T001** Create `index.html` with HTML5 doctype and basic structure + - File: `index.html` + - Add: ``, ``, ``, `` + - Add viewport meta tag: `` + - Dependencies: None + - Blocks: All other tasks + +- [ ] **T002** Add page metadata and favicon + - File: `index.html` → `` section + - Add: `2025 MITA Halloween` + - Add: `` + - Add: Meta description (see spec.md FR-035) + - Add: Data URI favicon with 🎃 emoji + - Dependencies: T001 + - Reference: `research.md` decision #10 + +- [ ] **T003** Set up semantic HTML5 structure + - File: `index.html` → `` section + - Add: `
`, `
`, `
` for countdown, event info, activities, decorations + - Add: `