Dapur Piqa
An ordering system for a home bakery: menu to checkout to invoice, plus the kitchen board that runs it.
- Online ordering & operations
- Next.js
- React
- TypeScript
- Tailwind CSS
- SQLite
- Menu, cart and checkout with delivery or pickup, dates and time slots.
- A kitchen board where staff move orders from pending to out for delivery.
- A catalog editor, staff accounts, and an invoice the customer can download.
What went into it
A logo drawn from code
The mark is a whole banana and a chocolate chip, drawn as SVG rather than dropped in as a file.
Mobile first
Most customers order from a phone, so the layout is designed at 390px wide and widened from there.
A small animated kitchen
An animated backdrop and scroll-driven reveals keep the shopfront feeling warm without slowing it down.
A back-to-top ring
A scroll-progress ring that fills as the page is read, and returns to the top in one tap.
Uploads checked properly
Photos are accepted by their actual file content, not by the extension on the file name.
End-to-end browser tests
The ordering flow is covered by browser tests, so a change to checkout does not quietly break it.