Full-Stack Web Application Playbook

This playbook guides you through executing a full-stack web application mission. Use this for CRUD apps, dashboards, e-commerce sites, and similar projects with distinct frontend and backend layers.

Milestone Strategy: Vertical Slices

Structure your milestones as vertical slices of functionality, not horizontal layers.

Good milestones:

• "user-auth" (login, signup, sessions - full stack)
• "product-catalog" (listing, search, detail pages - full stack)
• "checkout" (cart, payment, confirmation - full stack)

Bad milestones:

• "all-api-endpoints" (horizontal - can't test in isolation)
• "frontend-pages" (horizontal - can't test without backend)

Each milestone should leave the app in a coherent, testable state where a user can complete a meaningful flow.