Work Build

Al-Menu

A digital menu for a café in Gaza that you can use right now in a browser: 89 items, a basket, delivery.

Role
Web app development
Built on the menu of
Zone Coffee & Eatery
Stack
Next.js · React · TypeScript · Drizzle · Cloudflare D1 & R2
Status
Development prototype, live demo
Link
Live version
The Zone Coffee & Eatery menu on desktop: categories, food photos and the cart beside them

01The problem

A café menu has to let customers browse items with photos and prices and order from their phone, dine-in or delivery, without the total depending on anything the browser sends.

02The approach

Customers browse by category or search, add to a basket and review the order. Prices and delivery fees are computed on the server from the stored catalogue, not taken from the page. Behind it sits an admin side for products, orders, accounts and payment methods.

03What exists

A standalone deployment on Cloudflare Workers with its own D1 database and images on R2. The catalogue the server returns holds 89 items across ten categories, from sandwiches to salads, plus six delivery areas.

Al‑Menu on a phone: the home screenAl‑Menu on a phone: a category and its itemsAl‑Menu on a phone: an item pageAl‑Menu on a phone: the basket
From the live app at phone width: a category, an item, the basket

04Where it stands

The app is live and you can try it from the link. This is a demo deployment, not the restaurant's order channel. The code is in a private repo.

Request prices

Tell me what you need and I will send you a quote built around it. Pick the easiest way for you: