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.
More projects
SAYO Store
E-commerce storefront template. Product catalog, cart state, checkout with shipping form, QR payment. For small local shops.
Tovari Crumbs & Brew
A cozy café offering artisanal pastries and specialty coffee. Showcasing a delectable menu, online ordering, and reservation system, designed to reflect the warm and inviting atmosphere of Tovari.
Zehri Biryani House
A Pakistani restaurant celebrating the rich flavors of biryani. Featuring a dynamic menu, online ordering, and reservation system, designed to capture the essence of Zehri's culinary heritage.
Vesper Rooms
A highly interactive, Awwwards-style architectural portfolio application built with React and Vite. It leverages GSAP and Lenis for advanced scroll-linked animations, horizontal pinning, and buttery smooth physics. The platform features dynamic randomized masonry grids, state-managed interactive accordions, and a custom cinematic error page.