Intermediate project
E-Commerce Product Listing
Category pages, product cards and a cart drawer with React Context.
Required skills
Complete these lessons first
Folder structure
Project tree
shop/
└── src/
├── context/CartContext.tsx
└── components/Full guide in progress
The step-by-step guide for this project is being written. Use the lessons above to build it yourself — it is a great way to practise.
Possible enhancements
Persist cart
Stripe test-mode checkout