Execute a TeamReel roadmap phase end-to-end — read spec, plan tasks, implement, verify, commit
Execute a roadmap phase from spec to production-ready code.
Roadmap specs live in: documents/02-roadmap/{number}_{name}/index.md
Each phase has two sections:
Extract:
Before writing any code:
demo/src/components/ui/Use manage_todo_list to break the phase into specific tasks:
1. [Backend] Create/update model
2. [Backend] Add serializer + viewset
3. [Frontend] Create component(s)
4. [Frontend] Wire up API adapter
5. [Frontend] Add page/route
6. [Verify] Type check + build
7. [Commit] Conventional commit + push
Execute each task following conventions:
select_related, safe migrations# Frontend
cd demo
npx tsc --noEmit # Zero type errors
npx vite build # Build succeeds
# Backend
cd src
python manage.py check # System check
python manage.py migrate # Migrations apply
pytest # Tests pass
# Conventional commit format
git add -A
git commit -m "feat(<scope>): <description>
- Detail 1
- Detail 2
Roadmap #XX Phase HY"
git push origin main
After each phase, update the spec:
- [x])- [x])After ALL phases of a roadmap are complete:
# Update spec status to ✅ Afgerond
# Move folder to done/
git mv documents/02-roadmap/{number}_{name}/ documents/02-roadmap/done/
# Update index.md: move entry from Active to Done
git commit -m "docs: move roadmap #XX to done"
git push
| Phase | Purpose |
|---|---|
| H0 | Foundation — models, types, basic structure |
| H1 | Core features — main functionality |
| H2 | UI polish — responsive, a11y, animations |
| H3 | Integration — connect frontend ↔ backend |
| H4 | Advanced — edge cases, performance |
| H5 | Final — lazy loading, a11y audit, bundle optimization |
npx tsc --noEmit — zero errorsnpx vite build — builds successfullyany types introduced