Smart Restaurant - UI Mockups Interactive HTML/CSS mockups are available in the mockups/ folder:
Customer Mobile Pages (mockups/customer/) Waiter Pages (mockups/waiter/)
File
Description
orders.html Waiter order acceptance dashboard
Admin Dashboard Pages (mockups/admin/)
File
Description
style.css Complete CSS framework for all mockups
Below are text-based wireframes for reference:
Customer Mobile Interface
1. Menu Page (Home - After QR Scan)
┌─────────────────────────────────┐
│ ☰ Smart Restaurant Table 5 │
├─────────────────────────────────┤
│ ┌─────────────────────────────┐ │
│ │ 🔍 Search menu items... │ │
│ └─────────────────────────────┘ │
│ │
│ [All] [Appetizers] [Main] [Drinks]
│ │
│ ┌─────────────────────────────┐ │
│ │ 🖼️ Image │ │
│ │ Grilled Salmon $18 │ │
│ │ ★★★★☆ (24 reviews) │ │
│ │ 🟢 Available │ │
│ │ [+ Add] │ │
│ └─────────────────────────────┘ │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🖼️ Image │ │
│ │ Caesar Salad $12 │ │
│ │ ★★★★★ (18 reviews) │ │
│ │ 🟢 Available │ │
│ │ [+ Add] │ │
│ └─────────────────────────────┘ │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🖼️ Image │ │
│ │ Beef Steak $25 │ │
│ │ ★★★★☆ (32 reviews) │ │
│ │ 🔴 Sold Out │ │
│ └─────────────────────────────┘ │
│ │
├─────────────────────────────────┤
│ 🏠 Menu │ 🛒 Cart(2) │ 📋 Orders │
└─────────────────────────────────┘
2. Menu Item Detail Page
┌─────────────────────────────────┐
│ ← Back Table 5 │
├─────────────────────────────────┤
│ ┌─────────────────────────────┐ │
│ │ │ │
│ │ 🖼️ Large Image │ │
│ │ │ │
│ └─────────────────────────────┘ │
│ │
│ Grilled Salmon $18 │
│ ★★★★☆ (24 reviews) │
│ 🟢 Available │
│ │
│ Fresh Atlantic salmon grilled │
│ to perfection, served with │
│ seasonal vegetables. │
│ │
│ ⏱️ Prep time: ~15 min │
│ 🥜 Contains: Fish, Dairy │
│ │
│ ─────────────────────────────── │
│ Modifiers: │
│ │
│ Size: │
│ ○ Regular +$0 │
│ ● Large +$5 │
│ │
│ Extras: │
│ ☐ Extra sauce +$2 │
│ ☑ Side salad +$4 │
│ │
│ ─────────────────────────────── │
│ Special Instructions: │
│ ┌─────────────────────────────┐ │
│ │ No onions please... │ │
│ └─────────────────────────────┘ │
│ │
│ Quantity: [ - ] 2 [ + ] │
│ │
│ ┌─────────────────────────────┐ │
│ │ Add to Cart - $54 │ │
│ └─────────────────────────────┘ │
│ │
│ ─────────────────────────────── │
│ Related Items: │
│ [Lobster] [Shrimp] [Fish Soup] │
│ │
│ ─────────────────────────────── │
│ Reviews (24): │
│ ★★★★★ "Amazing salmon!" - John │
│ ★★★★☆ "Good but pricey" - Jane │
│ [View all reviews] │
└─────────────────────────────────┘
┌─────────────────────────────────┐
│ ← Back Shopping Cart │
├─────────────────────────────────┤
│ Table 5 - Your Order │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🖼️ Grilled Salmon (Large) │ │
│ │ + Side salad │ │
│ │ "No onions please" │ │
│ │ │ │
│ │ [ - ] 2 [ + ] $54 │ │
│ │ [🗑️] │ │
│ └─────────────────────────────┘ │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🖼️ Caesar Salad │ │
│ │ │ │
│ │ [ - ] 1 [ + ] $12 │ │
│ │ [🗑️] │ │
│ └─────────────────────────────┘ │
│ │
│ ─────────────────────────────── │
│ Add more items [+ Browse Menu]│
│ ─────────────────────────────── │
│ │
│ Special Instructions (Order): │
│ ┌─────────────────────────────┐ │
│ │ We're celebrating birthday! │ │
│ └─────────────────────────────┘ │
│ │
│ ─────────────────────────────── │
│ Subtotal: $66 │
│ ─────────────────────────────── │
│ │
│ ┌─────────────────────────────┐ │
│ │ Place Order │ │
│ └─────────────────────────────┘ │
│ │
│ 💡 You can add more orders │
│ during your visit │
└─────────────────────────────────┘
4. Order Status / Tracking ┌─────────────────────────────────┐
│ Smart Restaurant Table 5 │
├─────────────────────────────────┤
│ Your Orders │
│ │
│ ┌─────────────────────────────┐ │
│ │ Order #1 - 12:30 PM │ │
│ │ ═══════════════════════════ │ │
│ │ │ │
│ │ ✅ Received │ │
│ │ │ │ │
│ │ ✅ Preparing ← Current │ │
│ │ │ 🔄 ~10 min │ │
│ │ ○ Ready │ │
│ │ │ │ │
│ │ ○ Served │ │
│ │ │ │
│ │ Items: │ │
│ │ • Grilled Salmon x2 🍳 │ │
│ │ • Caesar Salad x1 ✅ │ │
│ └─────────────────────────────┘ │
│ │
│ ┌─────────────────────────────┐ │
│ │ Order #2 - 12:45 PM │ │
│ │ ═══════════════════════════ │ │
│ │ │ │
│ │ ✅ Received ← Current │ │
│ │ │ │ │
│ │ ○ Preparing │ │
│ │ │ │
│ │ Items: │ │
│ │ • Dessert Platter x1 ⏳ │ │
│ └─────────────────────────────┘ │
│ │
│ ─────────────────────────────── │
│ Total so far: $86 │
│ │
│ ┌─────────────────────────────┐ │
│ │ Request Bill │ │
│ └─────────────────────────────┘ │
│ │
├─────────────────────────────────┤
│ 🏠 Menu │ 🛒 Cart │ 📋 Orders │
└─────────────────────────────────┘
┌─────────────────────────────────┐
│ ← Back Your Bill │
├─────────────────────────────────┤
│ Table 5 │
│ Date: Dec 10, 2024 │
│ │
│ ─────────────────────────────── │
│ Order #1 (12:30 PM) │
│ Grilled Salmon (L) x2 $54 │
│ Caesar Salad x1 $12 │
│ │
│ Order #2 (12:45 PM) │
│ Dessert Platter x1 $20 │
│ ─────────────────────────────── │
│ │
│ Subtotal: $86 │
│ Tax (10%): $8.60 │
│ ─────────────────────────────── │
│ Total: $94.60 │
│ │
│ ─────────────────────────────── │
│ Payment Method: │
│ │
│ ┌─────────────────────────────┐ │
│ │ 💳 Card Number │ │
│ │ 4242 4242 4242 4242 │ │
│ └─────────────────────────────┘ │
│ ┌──────────────┐ ┌────────────┐ │
│ │ MM/YY │ │ CVC │ │
│ │ 12/25 │ │ 123 │ │
│ └──────────────┘ └────────────┘ │
│ │
│ ☐ Save card for future visits │
│ │
│ ┌─────────────────────────────┐ │
│ │ Pay $94.60 with Stripe │ │
│ └─────────────────────────────┘ │
│ │
│ 🔒 Secured by Stripe │
└─────────────────────────────────┘
6. Customer Login / Register ┌─────────────────────────────────┐
│ Smart Restaurant │
├─────────────────────────────────┤
│ │
│ 🍽️ Welcome │
│ │
│ ┌─────────────────────────────┐ │
│ │ 📧 Email │ │
│ │ john@example.com │ │
│ └─────────────────────────────┘ │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🔒 Password │ │
│ │ •••••••• │ │
│ └─────────────────────────────┘ │
│ │
│ ┌─────────────────────────────┐ │
│ │ Login │ │
│ └─────────────────────────────┘ │
│ │
│ [Forgot Password?] │
│ │
│ ─────── OR ─────── │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🔵 Continue with Google │ │
│ └─────────────────────────────┘ │
│ │
│ ─────────────────────────────── │
│ │
│ Don't have an account? │
│ [Create Account] │
│ │
│ ─────────────────────────────── │
│ │
│ [Continue as Guest →] │
│ │
└─────────────────────────────────┘
┌─────────────────────────────────┐
│ ← Back Create Account │
├─────────────────────────────────┤
│ │
│ ┌─────────────────────────────┐ │
│ │ 👤 Full Name │ │
│ │ John Doe │ │
│ └─────────────────────────────┘ │
│ │
│ ┌─────────────────────────────┐ │
│ │ 📧 Email │ │
│ │ john@example.com ✅ │ │
│ └─────────────────────────────┘ │
│ ✓ Email is available │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🔒 Password │ │
│ │ •••••••• │ │
│ └─────────────────────────────┘ │
│ ✓ Min 8 characters │
│ ✓ Contains uppercase │
│ ✓ Contains number │
│ │
│ ┌─────────────────────────────┐ │
│ │ 🔒 Confirm Password │ │
│ │ •••••••• │ │
│ └─────────────────────────────┘ │
│ ✓ Passwords match │
│ │
│ ┌─────────────────────────────┐ │
│ │ Create Account │ │
│ └─────────────────────────────┘ │
│ │
│ By signing up, you agree to │
│ our Terms & Privacy Policy │
│ │
└─────────────────────────────────┘
Admin Dashboard (Desktop) ┌────────────────────────────────────────────────────────────────────┐
│ │
│ Smart Restaurant │
│ Admin Dashboard │
│ │
│ ┌──────────────────────┐ │
│ │ │ │
│ │ 📧 Email │ │
│ │ admin@restaurant │ │
│ │ │ │
│ └──────────────────────┘ │
│ │
│ ┌──────────────────────┐ │
│ │ │ │
│ │ 🔒 Password │ │
│ │ •••••••• │ │
│ │ │ │
│ └──────────────────────┘ │
│ │
│ ┌──────────────────────┐ │
│ │ Login │ │
│ └──────────────────────┘ │
│ │
│ [Forgot Password?] │
│ │
└────────────────────────────────────────────────────────────────────┘
9. Admin Dashboard - Overview ┌────────────────────────────────────────────────────────────────────┐
│ ☰ Smart Restaurant Admin 👤 Admin ▼ │
├──────────────┬─────────────────────────────────────────────────────┤
│ │ │
│ 📊 Dashboard│ Dashboard Overview │
│ │ ───────────────────────────────────────────────── │
│ 🍽️ Menu │ │
│ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ 🪑 Tables │ │ Today's │ │ Active │ │ Pending │ │
│ │ │ Revenue │ │ Orders │ │ Orders │ │
│ 📋 Orders │ │ │ │ │ │ │ │
│ │ │ $1,250 │ │ 12 │ │ 5 │ │
│ 📈 Reports │ │ ↑ 15% │ │ │ │ │ │
│ │ └─────────────┘ └─────────────┘ └─────────────┘ │
│ 👥 Staff │ │
│ │ Recent Orders │
│ ⚙️ Settings │ ┌────────────────────────────────────────────────┐ │
│ │ │ Order │ Table │ Items │ Status │ Time │ │
│ │ ├────────┼───────┼───────┼───────────┼──────────┤ │
│ │ │ #1045 │ 5 │ 3 │ Preparing │ 12:30 PM │ │
│ │ │ #1044 │ 3 │ 2 │ Ready │ 12:25 PM │ │
│ │ │ #1043 │ 8 │ 5 │ Served │ 12:15 PM │ │
│ │ │ #1042 │ 2 │ 1 │ Completed │ 12:00 PM │ │
│ │ └────────────────────────────────────────────────┘ │
│ │ │
│ │ Table Status │
│ │ ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ │
│ │ │ T1 │ │ T2 │ │ T3 │ │ T4 │ │ T5 │ │
│ │ │ 🟢 │ │ 🔴 │ │ 🟡 │ │ 🟢 │ │ 🔴 │ │
│ │ │ Free │ │Active│ │ Bill │ │ Free │ │Active│ │
│ │ └──────┘ └──────┘ └──────┘ └──────┘ └──────┘ │
│ │ │
└──────────────┴─────────────────────────────────────────────────────┘
10. Menu Management
┌────────────────────────────────────────────────────────────────────┐
│ ☰ Smart Restaurant Admin 👤 Admin ▼ │
├──────────────┬─────────────────────────────────────────────────────┤
│ │ │
│ 📊 Dashboard│ Menu Management [+ Add Item] │
│ │ ───────────────────────────────────────────────── │
│ 🍽️ Menu ◄ │ │
│ Categories │ Categories: [All▼] [Appetizers] [Main] [Drinks] │
│ Items │ │
│ Modifiers │ Search: [🔍 Search items... ] │
│ │ │
│ 🪑 Tables │ ┌────────────────────────────────────────────────┐ │
│ │ │ Image │ Name │ Price │ Status │Action │ │
│ 📋 Orders │ ├───────┼───────────────┼───────┼────────┼───────┤ │
│ │ │ 🖼️ │Grilled Salmon │ $18 │🟢 Avail│ ✏️ 🗑️ │ │
│ 📈 Reports │ │ 🖼️ │Caesar Salad │ $12 │🟢 Avail│ ✏️ 🗑️ │ │
│ │ │ 🖼️ │Beef Steak │ $25 │🔴 Sold │ ✏️ 🗑️ │ │
│ 👥 Staff │ │ 🖼️ │Pasta Carbonara│ $15 │🟢 Avail│ ✏️ 🗑️ │ │
│ │ │ 🖼️ │Mushroom Soup │ $8 │🟡 Low │ ✏️ 🗑️ │ │
│ ⚙️ Settings │ └────────────────────────────────────────────────┘ │
│ │ │
│ │ Page: [< 1 2 3 4 5 >] │
│ │ │
└──────────────┴─────────────────────────────────────────────────────┘
11. Add/Edit Menu Item
┌────────────────────────────────────────────────────────────────────┐
│ ☰ Smart Restaurant Admin 👤 Admin ▼ │
├──────────────┬─────────────────────────────────────────────────────┤
│ │ │
│ 📊 Dashboard│ Add New Menu Item │
│ │ ───────────────────────────────────────────────── │
│ 🍽️ Menu ◄ │ │
│ │ ┌─────────────────────┐ ┌─────────────────────┐ │
│ 🪑 Tables │ │ Item Name * │ │ Category * │ │
│ │ │ Grilled Salmon │ │ Main Dishes ▼ │ │
│ 📋 Orders │ └─────────────────────┘ └─────────────────────┘ │
│ │ │
│ 📈 Reports │ ┌─────────────────────┐ ┌─────────────────────┐ │
│ │ │ Price * │ │ Prep Time (min) │ │
│ 👥 Staff │ │ $18.00 │ │ 15 │ │
│ │ └─────────────────────┘ └─────────────────────┘ │
│ ⚙️ Settings │ │
│ │ ┌───────────────────────────────────────────────┐ │
│ │ │ Description │ │
│ │ │ Fresh Atlantic salmon grilled to perfection, │ │
│ │ │ served with seasonal vegetables and lemon. │ │
│ │ └───────────────────────────────────────────────┘ │
│ │ │
│ │ Photos: │
│ │ ┌──────┐ ┌──────┐ ┌──────┐ │
│ │ │ 🖼️ ❌ │ │ 🖼️ ❌ │ │ + Add│ │
│ │ └──────┘ └──────┘ └──────┘ │
│ │ │
│ │ Modifiers: │
│ │ ☑ Size (Regular +$0, Large +$5) │
│ │ ☑ Extras (Side salad +$4, Extra sauce +$2) │
│ │ [+ Add Modifier Group] │
│ │ │
│ │ Status: ● Available ○ Unavailable ○ Sold Out │
│ │ │
│ │ ┌────────────┐ ┌────────────┐ │
│ │ │ Cancel │ │ Save │ │
│ │ └────────────┘ └────────────┘ │
└──────────────┴─────────────────────────────────────────────────────┘
┌────────────────────────────────────────────────────────────────────┐
│ ☰ Smart Restaurant Admin 👤 Admin ▼ │
├──────────────┬─────────────────────────────────────────────────────┤
│ │ │
│ 📊 Dashboard│ Table Management [+ Add Table] │
│ │ ───────────────────────────────────────────────── │
│ 🍽️ Menu │ │
│ │ ┌────────────────────────────────────────────────┐ │
│ 🪑 Tables ◄ │ │Table│Capacity│Location │ Status │ QR Code │ │
│ │ ├─────┼────────┼─────────┼────────┼──────────────┤ │
│ 📋 Orders │ │ 1 │ 4 │ Window │ 🟢 Active│[📥][🔄][✏️]│ │
│ │ │ 2 │ 2 │ Corner │ 🟢 Active│[📥][🔄][✏️]│ │
│ 📈 Reports │ │ 3 │ 6 │ Center │ 🟢 Active│[📥][🔄][✏️]│ │
│ │ │ 4 │ 4 │ Patio │ 🔴 Inactive│[📥][🔄][✏️]│ │
│ 👥 Staff │ │ 5 │ 8 │ Private │ 🟢 Active│[📥][🔄][✏️]│ │
│ │ └────────────────────────────────────────────────┘ │
│ ⚙️ Settings │ │
│ │ 📥 = Download QR 🔄 = Regenerate ✏️ = Edit │
│ │ │
│ │ ───────────────────────────────────────────────── │
│ │ QR Code Preview (Table 1): │
│ │ ┌─────────────────┐ │
│ │ │ │ Table 1 - Window │
│ │ │ ▓▓▓▓▓▓▓ │ Capacity: 4 guests │
│ │ │ ▓ QR ▓ │ │
│ │ │ ▓▓▓▓▓▓▓ │ [Download PNG] [Download PDF] │
│ │ │ │ │
│ │ └─────────────────┘ [Print QR Code] │
│ │ │
└──────────────┴─────────────────────────────────────────────────────┘
13. Kitchen Display System (KDS) ┌────────────────────────────────────────────────────────────────────┐
│ 🍳 Kitchen Display System 🔊 Sound: ON [↻] │
├────────────────────────────────────────────────────────────────────┤
│ │
│ ┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐ │
│ │ Order #1045 │ │ Order #1046 │ │ Order #1047 │ │
│ │ Table 5 │ │ Table 3 │ │ Table 8 │ │
│ │ ⏱️ 8:32 🟡 │ │ ⏱️ 3:15 🟢 │ │ ⏱️ 15:45 🔴 │ │
│ │ ════════════════ │ │ ════════════════ │ │ ════════════════ │ │
│ │ │ │ │ │ │ │
│ │ □ Grilled Salmon │ │ ☑ Caesar Salad │ │ □ Beef Steak x2 │ │
│ │ (Large) x2 │ │ □ Pasta x1 │ │ "Medium rare" │ │
│ │ "No onions" │ │ │ │ □ Mushroom Soup │ │
│ │ │ │ │ │ │ │
│ │ □ Caesar Salad │ │ │ │ ⚠️ OVERDUE │ │
│ │ │ │ │ │ │ │
│ │ ──────────────── │ │ ──────────────── │ │ ──────────────── │ │
│ │ [Start] [Ready] │ │ [Start] [Ready] │ │ [Start] [Ready] │ │
│ └──────────────────┘ └──────────────────┘ └──────────────────┘ │
│ │
│ ┌──────────────────┐ ┌──────────────────┐ │
│ │ Order #1048 │ │ Order #1049 │ Legend: │
│ │ Table 2 │ │ Table 1 │ 🟢 On time │
│ │ ⏱️ 1:20 🟢 │ │ ⏱️ 0:45 🟢 │ 🟡 Warning (>5min) │
│ │ ════════════════ │ │ ════════════════ │ 🔴 Overdue (>10min) │
│ │ │ │ │ │
│ │ □ Dessert x1 │ │ □ Drinks x3 │ │
│ │ │ │ │ │
│ │ [Start] [Ready] │ │ [Start] [Ready] │ │
│ └──────────────────┘ └──────────────────┘ │
│ │
├────────────────────────────────────────────────────────────────────┤
│ Pending: 5 │ Preparing: 3 │ Ready: 2 │ Completed Today: 45 │
└────────────────────────────────────────────────────────────────────┘
┌────────────────────────────────────────────────────────────────────┐
│ ☰ Smart Restaurant Admin 👤 Admin ▼ │
├──────────────┬─────────────────────────────────────────────────────┤
│ │ │
│ 📊 Dashboard│ Reports & Analytics │
│ │ ───────────────────────────────────────────────── │
│ 🍽️ Menu │ │
│ │ Date Range: [Dec 1, 2024] to [Dec 10, 2024] [Apply]│
│ 🪑 Tables │ │
│ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ 📋 Orders │ │ Total │ │ Orders │ │ Avg Order │ │
│ │ │ Revenue │ │ Count │ │ Value │ │
│ 📈 Reports◄ │ │ │ │ │ │ │ │
│ │ │ $12,500 │ │ 245 │ │ $51.02 │ │
│ 👥 Staff │ │ ↑ 12% │ │ ↑ 8% │ │ ↑ 3% │ │
│ │ └─────────────┘ └─────────────┘ └─────────────┘ │
│ ⚙️ Settings │ │
│ │ Revenue Over Time │
│ │ ┌───────────────────────────────────────────────┐ │
│ │ │ 📈 │ │
│ │ │ $2k ┤ ╭─╮ │ │
│ │ │ │ ╭─╯ ╰─╮ ╭─╮ │ │
│ │ │ $1k ┤ ╭─╯ ╰──╮╭╯ ╰╮ │ │
│ │ │ │╭─╯ ╰╯ ╰─ │ │
│ │ │ $0 ┼───────────────────────────────────── │ │
│ │ │ Dec1 Dec3 Dec5 Dec7 Dec9 │ │
│ │ └───────────────────────────────────────────────┘ │
│ │ │
│ │ Top Selling Items │
│ │ ┌───────────────────────────────────────────────┐ │
│ │ │ 1. Grilled Salmon │ 85 orders │ $1,530 │ │
│ │ │ 2. Caesar Salad │ 72 orders │ $864 │ │
│ │ │ 3. Beef Steak │ 58 orders │ $1,450 │ │
│ │ │ 4. Pasta Carbonara │ 45 orders │ $675 │ │
│ │ └───────────────────────────────────────────────┘ │
└──────────────┴─────────────────────────────────────────────────────┘
15. Super Admin - Manage Admins ┌────────────────────────────────────────────────────────────────────┐
│ ☰ Smart Restaurant - Super Admin 👤 SuperAdmin ▼ │
├──────────────┬─────────────────────────────────────────────────────┤
│ │ │
│ 📊 Dashboard│ Admin Account Management [+ Create Admin] │
│ │ ───────────────────────────────────────────────── │
│ 👥 Admins ◄ │ │
│ │ Search: [🔍 Search admins... ] │
│ ⚙️ Settings │ │
│ │ ┌────────────────────────────────────────────────┐ │
│ │ │ Name │ Email │ Status │Action │ │
│ │ ├─────────────┼─────────────────┼────────┼───────┤ │
│ │ │ John Smith │ john@rest.com │🟢Active│ ✏️ 🔒 │ │
│ │ │ Jane Doe │ jane@rest.com │🟢Active│ ✏️ 🔒 │ │
│ │ │ Bob Wilson │ bob@rest.com │🔴Deact │ ✏️ 🔓 │ │
│ │ └────────────────────────────────────────────────┘ │
│ │ │
│ │ ───────────────────────────────────────────────── │
│ │ Create New Admin Account: │
│ │ │
│ │ ┌──────────────────┐ ┌──────────────────┐ │
│ │ │ Full Name * │ │ Email * │ │
│ │ │ │ │ │ │
│ │ └──────────────────┘ └──────────────────┘ │
│ │ │
│ │ ┌──────────────────┐ ┌──────────────────┐ │
│ │ │ Password * │ │ Confirm Password │ │
│ │ │ •••••••• │ │ •••••••• │ │
│ │ └──────────────────┘ └──────────────────┘ │
│ │ │
│ │ ┌────────────────────────┐ │
│ │ │ Create Account │ │
│ │ └────────────────────────┘ │
│ │ │
└──────────────┴─────────────────────────────────────────────────────┘
Color
Meaning
🟢
Available / Active / On Time
🟡
Warning / Low Stock
🔴
Sold Out / Inactive / Overdue
✅
Completed
⏳
In Progress
Customer Flow:
QR Scan → Menu → Item Detail → Cart → Submit Items → Track Status → Add More Items → Request Bill → Payment
Waiter Flow:
Login → View Pending Orders → Accept/Reject Orders → Send to Kitchen → Mark as Served
Admin Flow:
Login → Dashboard → Menu/Tables/Orders/Reports/Staff
Super Admin Flow:
Login → Dashboard → Admin Management