Clients · Client project
Stack It Your Way
A build-your-own burger PWA for Stackos Burgers: scan, stack, name it, show the code at the counter.
What it is
A customer scans the table QR, picks a patty, one mayo, one sauce and up to four toppings, watches the burger stack up as they choose, names it, and gets an order code for the counter. No backend and no accounts: the page is the order slip. One HTML file with the menu at the top of the script so the owner can change it, a service worker so it opens offline, and an A4 flyer with the QR for the tables. Built for a client in a weekend.
What was hard, or unusual
- The brand mark has its letterforms baked into SVG paths, so the logo renders the same everywhere without loading a web font.
- The icons, share card, table QR and print flyer are all generated by scripts in the repo, so a logo change is one command.
Stack
HTMLCSSJavaScriptPWAService WorkerNetlify