Restaurant QR Ordering System
A self-hosted QR restaurant ordering system with real-time kitchen display, dual-theme design, and zero-config deployment. Customers scan a QR code, order from their phone, and track status live - no app download or account needed.
Description
Live Preview: visit https://premium-7.onrender.com/admin/login
Username: admin
Password: admin123.
To test the full ordering flow, go to the Tables module in the admin panel, copy a table QR code URL, open it in a private window, and place an order
A complete, production-ready QR ordering platform built for restaurants, cafes, bars, and food trucks. SEDI Restaurant QR replaces paper menus and manual order-taking with a seamless digital flow: customers scan a table QR code, browse categorized menu items with dietary tags and custom descriptions, add to cart with special instructions, and place orders directly to the kitchen. Every order pushes to the kitchen display in real-time via Socket.io with sound notifications, so staff never miss a ticket. Progress updates flow back to the customer -- from Pending through Confirmed, Preparing, Ready, and Delivered -- with live elapsed timers on every order card.
Two carefully crafted themes serve both sides of the experience: a warm white-and-orange customer interface optimized for food ordering, and a clean black-and-white admin panel with full order lifecycle management, menu and table editors, a dashboard with 7-day order volume chart and status distribution, and real-time order lists via Socket.io. Session-based authentication with CSRF protection and rate-limited login keep the admin panel secure. The self-contained SQLite database requires zero external services -- no Docker, no MySQL, no Redis, no monthly fees. Everything runs from a single `npm install && npm start` and seeds demo data on first launch: 6 categories, 24 menu items, 10 tables, ready to explore.
Features
- QR menu with table pre-selection
- Real-time kitchen display with Socket.io push and sound notifications
- Customer order tracking with live progress bar and elapsed timers
- Admin dashboard with 7-day order volume chart and status distribution
- Order lifecycle management (confirm > prepare > ready > deliver)
- Menu management with categories
- dietary tags
- and availability toggle
- Table management with QR code generation and print
- Cart with item quantities
- special instructions
- and totals
- Session-based authentication with CSRF protection and rate-limited login
- Table session management with bill summary
- Dual-theme design (warm orange customer + black & white admin)
- Fully customizable via CSS variables
- Zero-config SQLite persistence (no Docker
- MySQL
- or Redis)
- Demo data pre-seeded on first launch
- Express 5 + TypeScript + Tailwind CSS 4 + Socket.io + Alpine.js
- Lightweight CDN-loaded frontend with pinned Lucide icons
- Deployable on Render
- Railway
- VPS
- or any Node.js host