React Storefront
E-commerce Product Explorer
A product-first React storefront — catalog, variants, cart drawer, and an accessible checkout UI.
- Client: Personal project
- Date: May 2024
- Role: Frontend
- Category: React Storefront
- Timeline: 8 weeks
Practice for catalog UI: a filterable grid, a detail page with variants, and a cart drawer. Products come from JSON shaped like a catalog endpoint.
The challenge
Theme-style demos hide variants in too many dropdowns. I wanted a storefront a keyboard user could finish, with an empty cart state that is not a dead end.
The approach
Grid first, then a detail page with one variant control. The cart is a drawer. Labels and focus states are written for a keyboard. Filters run over the same product list the grid uses.
The outcome
Swapping products is a JSON change. Demo on Vercel, repo on GitHub — a walkthrough of lists, filters, and cart state, not a claim that I shipped a real store.