Banquet menu builder

Cocos Cafe

Guests build a menu, see the total and prepare an order for the cafe.

The task

Where we started.

The cafe took banquet orders by phone using a printed menu. Guests needed a way to put together a menu and estimate the budget themselves.

My work

What I built.

Menu digitization, UX, development and launch

Menu builder

I turned the printed menu into a digital catalog. Guests add dishes, enter the guest count and immediately see the total and estimate per person.

A prepared enquiry

The builder creates a clear order text for the cafe. Dish suggestions follow pairing rules from the real menu.

Project screens

See the work.

Try the workflow

One task, a visible result.

Build a banquet order

Choose dishes and guest count. The total and estimate per person update immediately.

  1. Add dishes
  2. Set guest count
  3. Prepare the text

Result: The guest sees the budget and prepares an order for the cafe to confirm.

Real menu items and calculations · no order is sent

Now

Published project

The builder is published. Guests prepare a menu and enquiry text; the cafe confirms availability and order details.

A similar task

Who this could help.

Cafes, restaurants and services where customers choose several items and want to see the total.

Discuss your project
Technical details

Next.js · React · TypeScript · Vercel

  • 158 menu items in typed data.
  • Totals and order formatting run on the client.
  • Dish pairing rules from the real product.