Once browsing is stable, the path moves into cart state, cart persistence, and checkout. Providers are introduced before pages depend on them, product detail upgrades to add-to-cart only after the cart context exists, and checkout success uses a deliberately minimal order-reading surface so learners only build what that unit needs.
Overview
Syllabus
- Unit 1: Building Shared Toast and Cart Providers
- Observe shared cart foundations
- Build the toast provider
- Add cart storage and API helpers
- Implement the cart context hook
- Shared Providers and Toast Feedback Implementation
- Unit 2: Shopping Cart and Checkout
- Observe add-to-cart and checkout
- Build the quantity selector
- Enhancing the Product Detail Page
- Build the Cart Summary Component
- Build the cart page flow
- Unit 3: Fetching Order Details
- Observe the success screen
- Add a minimal getOrder helper
- Build the useOrder hook
- Build the checkout success page