← All workReference Build

Mesa

The whole restaurant service on one screen

A demonstration build. The business, its people and its figures are invented — no real customer records are involved.

Open Mesa ↗

Demo sign-in details are listed on the login screen — pick any of the three roles.

restaurant-demo-ten-gold.vercel.app/login
Mesa — Live floor view
Fig. 01 — Live floor view
3
Permission roles
100%
Routes behind auth

Overview

Front-of-house operations for restaurants and hospitality groups. Reservations, live table status, guest history and tonight's numbers in one place, with role-scoped access for owners, managers and hosts.

The problem

Service software fails when it asks staff to switch systems mid-shift. A host taking a walk-in should not need three screens to know whether a table is turning.

What we did

  1. 01Designed around the shift, not the database — the default view answers what a host needs at the door.
  2. 02Enforced role scoping in middleware rather than the UI, so a manager route is genuinely unreachable for a host.
  3. 03Carried guest preferences and allergies into the reservation itself, where they get read.
  4. 04Opened the demo to all three roles so the product can be evaluated without a sales call.

Delivered

  • Live floor with per-table status
  • Reservation management
  • Guest history with preferences and allergies
  • Covers, turns and no-show reporting
  • Three-tier role-based access control

Specification

Practices
IT, AI & Software Development
Industries
Hospitality
Built with
Next.js App Router, React 19, TypeScript, Tailwind CSS v4, Middleware auth, Vercel
Typeset in
DM Serif Display, Inter
Palette
#F7F2E7 #153C32 #C5A35A

Inside the build

  • Mesa — Service dashboard
    Fig. 02 — Service dashboard
  • Mesa — Reservation management
    Fig. 03 — Reservation management
  • Mesa — Guest history and preferences
    Fig. 04 — Guest history and preferences

Have something like this in front of you?

Related work

  • Meridian Care — Live vitals monitor

    IT & AI · Biotech

    Reference BuildLive · openable

    Meridian Care

    Clinic management with a live remote patient monitoring wall

    12
    Modules
    7
    Permission roles

    Healthcare

  • FleetFlow — Operations centre

    IT & AI · Logistics · Marketing

    Reference BuildLive · openable

    FleetFlow

    A logistics command centre, argued rather than described

    6
    Pipeline stages modelled
    6
    Interactive demo surfaces

    Logistics & Trucking · E-Commerce

  • Mosséra Botanique — Video hero

    IT & AI · Marketing

    Reference BuildLive · openable

    Mosséra Botanique

    Editorial luxury for a botanical skincare brand

    1
    Scroll, no chrome

    Beauty & Apparel · E-Commerce