Question
When someone with a food allergy looks at a restaurant menu, they usually find out what they can’t eat by asking the waiter. Could that information be visible on the menu itself, at a glance?
What it does
- Customer side. Scanning the QR code on the table opens the menu in the browser, with no app to install. The customer selects their allergens once; dishes that match them are shown with a warning and blurred.
- Kitchen side. The order arrives on the kitchen screen instantly, with its allergen warning, and its status updates in real time.
- Restaurant panel. Tracking of the 14 mandatory allergens, plus reservations, stock, shifts and floor plan in the same panel.
How I built it
A web app written with TanStack Start. Data and authentication run on Supabase, and the app runs on Cloudflare Workers. Access rules are defined at the database level so that restaurants can’t see each other’s data.
Status
The app is a demo and its interface is in Turkish. The “Demoyu Dene” (try the demo) button signs in to a sample restaurant’s panel, and ordering from a table QR can also be tried through the demo.
What I learned
Putting allergen information at the centre of the menu shaped how the rest of the product was designed: the order record, the kitchen screen and the panel were all built to carry it.