The problem
Customer ordering and staff fulfillment need to use the same product options, prices, and order states.
Product engineering / 2026
Storefront Demo
Order-ahead storefront demo with configurable products, cart pricing, customer status, and a staff queue.
My role
Customer/staff workflow design, frontend implementation, and pricing/state tests.
What I built
- Responsive storefront and product options
- Demo cart, checkout, and order status
- Staff fulfillment queue
The result
A runnable demo of customer ordering and staff fulfillment using one tested catalog and order model.
Statusprototype
Evidencerunnable
Record reviewed
Implementation
How it works
The React/Vite application supports catalog browsing, item customization, cart totals, demo checkout, order status, and staff updates. Both sides use shared typed data and browser-persisted demo state.
Technical context and methods
The former client engagement ended. The implementation was de-identified and retained as a generic demonstration using assets owned by Filippo Galbo.
- React
- TypeScript
- Vite
- Responsive UI
- Local persistence
- Vitest