Obsidian Table Restaurant
The table that brings you home.
Overview
Full-featured restaurant template. Online menu, ordering flow, QR payment screen, reservation booking — built to hand off to a real client.
A full-featured restaurant template built to be handed off to a real client — not a demo that breaks under real usage.
Covers the full customer journey: browsing the menu, placing an order, reaching a QR payment screen, and completing a reservation booking.
Built with clean data separation — menu items, pricing, and availability live in structured config files, making client handoff straightforward.
Stack
UI / Frontend
Inspiration
Wanted a production-ready restaurant template that a non-technical client could actually use — not just a portfolio piece.
Structure
Architecture
Composition
Framework
React + Tailwind v4 + Vite, deployed to Cloudflare Workers as a static SPA.
How it works
Menu Architecture
Design data structure for menu categories, items, pricing, and availability.
Ordering Flow
Build cart state, item customization, and order summary.
QR Payment Screen
Generate payment QR and handle order confirmation state.
Reservation System
Date/time picker, party size, and booking confirmation flow.
Deploy
Ship to Cloudflare Workers for fast global delivery.