| --- |
| title: ScanMenu |
| emoji: 📱 |
| colorFrom: green |
| colorTo: blue |
| sdk: docker |
| pinned: false |
| license: mit |
| short_description: Digital menus & QR ordering for restaurants |
| --- |
| |
| # 📱 ScanMenu — Digital Menus & QR Ordering |
|
|
| **Production-ready SaaS web app** for restaurants to create digital menus, generate QR codes, and let customers scan to view menu & order instantly — no app needed. |
|
|
| ## ✨ Features |
|
|
| - 🔐 **Auth System** — Login/Register with role-based access (Admin, Owner, Staff, Customer) |
| - 🍽️ **Restaurant Profile** — Full restaurant setup with branding, hours, contact info |
| - 📋 **Menu Builder** — CRUD for menus, categories, products with options, extras, allergens |
| - 📷 **Product Management** — Images, pricing, preparation time, calories, tags |
| - 📱 **QR Code Manager** — Generate & manage QR codes per restaurant/table |
| - 🛒 **Cart & Checkout** — Full ordering flow with dine-in/takeaway/delivery support |
| - 📊 **Analytics Dashboard** — Revenue, orders, popular items, peak hours |
| - 💳 **Stripe Billing** — Subscription plans (Free/Starter/Pro/Enterprise) |
| - 📦 **Order Management** — Real-time order tracking with status workflow |
| - 🎨 **Premium SaaS UI** — Stripe/Linear-inspired dashboard design |
|
|
| ## 🛠️ Tech Stack |
|
|
| - **Framework:** Next.js 16 (App Router) |
| - **UI:** React, Tailwind CSS, Radix UI, Lucide Icons |
| - **State:** Zustand |
| - **Database Types:** Full PostgreSQL/Supabase schema |
| - **Payments:** Stripe integration ready |
| - **Animations:** Framer Motion |
|
|
| ## 📱 Pages |
|
|
| | Page | Route | |
| |------|-------| |
| | Landing | `/` | |
| | Pricing | `/pricing` | |
| | Login | `/login` | |
| | Register | `/register` | |
| | Dashboard | `/overview` | |
| | Menu Builder | `/menu-builder` | |
| | QR Manager | `/qr-manager` | |
| | Orders | `/orders` | |
| | Analytics | `/analytics` | |
| | Billing | `/billing` | |
| | Restaurant Setup | `/restaurant-setup` | |
| | Settings | `/settings` | |
| | Public Menu | `/restaurant/the-garden-kitchen` | |
|
|
| ## 🚀 Quick Demo |
|
|
| 1. Visit the **Landing Page** to see the marketing site |
| 2. Click **"View Demo Menu"** to see the customer-facing menu |
| 3. Click **"Sign In"** → credentials are pre-filled → enter the **Dashboard** |
| 4. Explore Menu Builder, QR Manager, Orders, Analytics, and Billing |
|
|
