I built a React pizza-ordering app with size/topping customization, a live shopping cart, checkout, and order history lookup by unique order ID — backed by Supabase.
Problem
Food-ordering demos often stop at a static menu. I wanted a full flow: customize → cart → checkout → track by order ID.
My contribution
I architected a React + Redux frontend with Supabase-backed order persistence. Built dynamic cart totals, topping customization, success feedback, and order lookup by unique ID.
Impact
- End-to-end ordering UX with live price calculation
- Persistent order history via Supabase
- Deployed production demo on Vercel
Tech stack
design
Figma
Figmafrontend
JavaScript
React.js
Redux
JavaScriptReact.jsReduxbackend
Supabase
Supabasetools
Postman
PostmanFeatures
- Pizza menu with images and prices
- Size, topping, and quantity customization
- Dynamic cart with automatic totals
- Order checkout flow
- Success notification on order
- Order history by order ID
- Responsive mobile and desktop UI