Stage 3 — Project 2: E-Commerce Checkout Flow

Stage Goal

Xây dựng checkout flow hoàn chỉnh — state management phân tách, auth hoàn chỉnh, animation UX, mobile optimized.

Prerequisites

Hoàn thành Stage 2 với đầy đủ Exit Criteria.

Milestone

Deliverable: Project 2 — E-commerce PWA, có auth hoàn chỉnh, payment test mode, animation UX, mobile optimized, offline cart, test coverage > 80% critical path.

Exit Criteria

E2E test full checkout flow pass: Browse → Add cart → Checkout → Payment → Confirmation.

Module List

• 3.1 State Management: TanStack Query + Zustand
• 3.2 State Machine Áp Dụng (XState)
• 3.3 Form Engineering Nâng Cao
• 3.4 Payment & Idempotency
• 3.5 Error Handling & Resilience
• 3.6 PWA & Offline
• 3.6x Caching Patterns & Invalidation
• 3.7 Animation Nâng Cao & Micro-interactions
• 3.8 Mobile Web Nâng Cao
• 3.9 Testing Nâng Cao