The brief
Custom cakes are ordered by chat today: shape, size, flavour, message, pickup time. A bakery needs those choices captured clearly, and customers want to see what they are ordering.
Demo prototypeStorefrontsBakery ordering
Cheesecake
Design a cake, preview it live, pick a pickup slot, and the bakery sees the order.
Client demo prototype. It is front end only: data is mock and kept in the browser, with no backend, payments, WhatsApp or email.
- Demo prototype
- Bakery ordering
- Storefronts
- React 19
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
- Zustand
- Recharts
How we built it
A customer site and an admin dashboard share one data model. The cake builder renders a layered SVG preview as options change, so no photo assets are needed. Orders flow to the admin, where status changes reach the customer's order page, and options can be edited in the dashboard.
What is in it
- Live SVG cake builder with shape, size, flavour and message
- Shop, product pages, cart, checkout and pickup slots
- Order tracking that updates when the admin changes status
- Admin dashboard with orders, custom-cake options and charts
- One-click reset of demo data
A closer look at Cheesecake.
First screen. 
Categories and the builder entry. 
The builder with live preview. 
A product page.
Want a build like this?
Tell us what you need. We will say what we would build, what stays manual, and what it would honestly take.