Build a complete, premium, production-ready, multi-tenant restaurant website and QR-based table ordering SaaS platform named CafeDesk.
The platform owner must be able to provide this software to ANY cafe, restaurant, hotel, food court, bakery, or food business.
The platform must support unlimited independent restaurant accounts, subject to hosting and database capacity.
Build real working functionality, not just UI designs or demo buttons.
The goal is to allow customers to scan a QR code placed on their restaurant table, view the live menu, order food, and pay using UPI payment options such as Google Pay, PhonePe, and other supported payment methods without waiting for a waiter.
Create three independent interfaces:
A. CUSTOMER WEBSITE
B. RESTAURANT OWNER DASHBOARD
C. SUPER ADMIN PANEL
Never mix their permissions or interfaces.
Build CafeDesk as a real premium multi-tenant SaaS product, not a static demo website.
Preserve existing working functionality.
Do not remove existing features unnecessarily.
Do not create fake integrations or simulated payment success.
Build the frontend, backend, database, authentication, authorization, QR system, ordering system, payment integration, and all dashboards as one connected product.
The platform must be ready to onboard multiple independent cafe and restaurant owners.
The restaurant owner must receive orders instantly in their private dashboard.
Create a beautiful, premium, mobile-first customer website.
Customer workflow:
Customer visits a restaurant and sits at a table.
Customer scans the QR code placed on that table.
The QR automatically opens that restaurant's public menu.
The system identifies the correct restaurant and table number.
Customer sees restaurant logo, name, cover image, food categories, food photos, dish descriptions and prices.
Customer selects food items.
Customer adds items to cart.
Customer changes item quantities and reviews the total.
Customer enters their name and mobile number if required.
Customer clicks Place Order.
Customer gets payment options.
CUSTOMER PAYMENT OPTIONS:
Integrate a supported payment gateway that supports Indian UPI payments.
Show available payment methods such as:
Google Pay
PhonePe
After successful payment verification, the order is sent to the correct restaurant owner's dashboard.
Customer receives order confirmation and order number.
Customer can view their order status.
Paytm
Other UPI apps
UPI QR payment, if supported by the payment provider
Debit/Credit Cards, if enabled
Pay at Counter
Cash, if enabled by the restaurant
Use a legitimate payment gateway such as Razorpay or another supported provider.
Enable UPI and supported payment methods through the gateway.
Google Pay and PhonePe should appear only when supported by the selected gateway and device.
Do not create fake payment success screens.
Verify all online payments through secure server-side payment verification and webhooks.
Do not mark an order as paid based only on frontend confirmation.
Allow Pay at Counter only when the restaurant owner enables it.
IMPORTANT PAYMENT RULES:
Use a legitimate payment gateway such as Razorpay or another supported provider.
Enable UPI and supported payment methods through the gateway.
Google Pay and PhonePe should appear only when supported by the selected gateway and device.
Do not create fake payment success screens.
Verify all online payments through secure server-side payment verification and webhooks.
Do not mark an order as paid based only on frontend confirmation.
Allow Pay at Counter only when the restaurant owner enables it.
CUSTOMER PRIVACY:
Customers must see ONLY:
Public restaurant menu.
Food items and prices.
Shopping cart.
Customer details required for ordering.
Payment options.
Order confirmation.
Their own order status.
Customers must NEVER see:
Super Admin panel.
Other customers' orders.
Restaurant private settings.
Other restaurants' private information.
Admin login or management options.
No customer login should be required to browse the menu or place a basic order.
Allow any restaurant or cafe owner to register independently.
Registration fields:
Owner full name.
Email.
Mobile number.
Password.
Restaurant name.
Restaurant category.
Restaurant address.
After successful registration:
Automatically create and activate the restaurant owner account.
Redirect the owner to their private dashboard.
No mandatory Super Admin approval.
No manual OTP approval.
Secure email verification and password reset may be supported.
Each owner must only access their own restaurant workspace.
Create a professional premium dashboard where the owner can edit and manage their entire restaurant website.
A. RESTAURANT PROFILE
Restaurant name.
Logo upload.
Cover image upload.
Restaurant description.
Address.
Phone number.
WhatsApp number.
Opening hours.
Restaurant location.
Social media links.
B. FOOD MENU MANAGEMENT
Allow owners to:
Add unlimited menu items.
Edit menu items.
Delete menu items.
Upload food photos.
Add dish names and descriptions.
Set individual prices.
Create and edit categories.
Set vegetarian/non-vegetarian labels.
Set food availability.
Mark dishes as sold out.
Add special offers and discounts.
Set recommended or popular dishes.
Manage item variants and add-ons.
C. TABLE MANAGEMENT
Allow owners to:
Add new tables.
Edit table names and numbers.
Delete tables.
Generate a unique QR code for every table.
Download QR codes in PNG format.
Download printable PDF table QR cards.
Print QR codes.
Activate or deactivate individual table QR codes.
See table-wise orders.
D. ORDER MANAGEMENT
Show real-time incoming orders.
Every order must display:
Order ID.
Restaurant name.
Table number.
Customer name.
Customer mobile number, if collected.
Food items.
Quantity.
Item prices.
Total bill.
Payment method.
Payment status.
Order time.
Order status controls:
New Order.
Accepted.
Preparing.
Ready.
Served.
Completed.
Cancelled.
Provide notification sound and real-time dashboard updates for new orders.
E. PAYMENT MANAGEMENT
Connect restaurant's own payment gateway.
Configure supported UPI payments.
Enable or disable online payments.
Enable or disable Pay at Counter.
View payment transactions.
View payment status.
View daily sales and payment reports.
F. COMPLETE DASHBOARD CUSTOMIZATION
The restaurant owner must be able to edit everything related to their own restaurant:
Logo.
Images.
Menu.
Prices.
Categories.
Tables.
QR codes.
Restaurant information.
Website theme.
Website template.
Colors.
Offers.
Payment settings.
Opening hours.
Order settings.
Include Save Changes, Preview Website, Publish Changes and Edit Live Menu controls.
Automatically create a separate public restaurant website for every registered owner.
Example:
CafeDesk Platform
Restaurant A → its own public website.
Restaurant B → its own public website.
Restaurant C → its own public website.
Each restaurant must have its own unique public URL.
Example URL structure:
cafedesk.com/menu/restaurant-name
Each public website should show only that restaurant's published information.
Create multiple premium templates:
Luxury Fine Dining.
Modern Cafe.
Premium Restaurant.
Fast Food.
Coffee and Bakery.
Family Restaurant.
Allow owners to preview and publish their chosen design.
Every restaurant table must have a separate permanent QR URL.
Example:
Restaurant A – Table 01 → QR 01
Restaurant A – Table 02 → QR 02
Restaurant B – Table 01 → QR 03
QR scanning must automatically identify:
Correct restaurant.
Correct table.
Correct public menu.
If the owner changes menu items or prices, the existing printed QR code must display the latest published menu.
Never encode a private dashboard URL or temporary QR image URL.
The public QR destination must work without customer login.
Test QR scanning on Android Chrome, iPhone Safari, and desktop browsers.
When a customer places an order:
Send the order to the correct restaurant.
Update the owner's dashboard in real time.
Show an incoming order alert.
Play an optional notification sound.
Display the correct table number.
Update the customer order status when the owner changes it.
Use actual backend events or reliable real-time subscriptions.
Create a separate, private Super Admin Panel.
Super Admin features:
Total registered restaurants.
Active restaurants.
Suspended restaurants.
View and manage all restaurant accounts.
Super Admin features:
Manage restaurant subscriptions.
Manage pricing plans.
Super Admin features:
Platform-wide analytics.
Total orders.
Total QR scans.
Super Admin features:
Super Admin features:
Manage website templates.
Restaurant owner management.
Manage restaurant accounts.
View platform audit logs.
Create a professional SaaS landing page for CafeDesk.
"Your Restaurant. Your Digital Menu. Your Smart QR Ordering System."
Subheadline:
"Let your customers scan, browse, order and pay directly from their tables. Manage your entire restaurant from one smart dashboard."
Main benefits:
Premium restaurant website.
QR table ordering.
Digital menu management.
Google Pay and PhonePe through supported payment integration.
Real-time orders.
Table management.
Restaurant owner dashboard.
Easy setup.
Mobile-friendly experience.
Include:
Hero section.
Product demonstration section.
Features section.
How It Works section.
Restaurant benefits.
Pricing section.
FAQ section.
Contact section.
Start Free button.
Restaurant Owner Login.
A new restaurant owner registers.
The owner uploads a logo.
The owner adds food items and prices.
The owner creates tables.
The system generates unique QR codes.
The existing QR code continues to work after menu updates.
CafeDesk is a multi-restaurant QR ordering SaaS with three separate interfaces: the customer website, the restaurant owner dashboard, and the Super Admin panel. Permissions and interfaces are never mixed.
| Role | Responsibilities and goals | Inputs and decisions | Access and observable success |
|---|---|---|---|
| Customer (diner) | Scan the table QR to open that restaurant's public menu, select food, place the order, and pay. | Chooses items and a payment method from those the restaurant enables: online (Google Pay, PhonePe, Paytm, other supported UPI apps, debit/credit cards when the gateway supports them) or Pay at Table (cash to waiter; Pay at Counter only if enabled). | Sees order number, restaurant name, table number, items, total bill, payment method, payment status, and order status. Cash orders show "Payment Pending – Please pay cash at your table."; verified online payments show "Payment Successful – Your order is confirmed." Cannot reach any dashboard or payment management. |
| Restaurant owner | Register independently, build and publish the restaurant's public site, manage profile, menu, tables and QR codes, theme, offers, opening hours and order settings, and receive orders instantly. | Configures Payment Settings independently: Enable Online Payment, Enable Pay at Table (Cash), Enable Pay at Counter, and connection of their own supported gateway. Disabled methods are hidden from customers. Confirms cash receipt for their own orders. | Dashboard shows Order ID, table number, customer details if collected, items, total amount, selected payment method, payment status and order status, plus transactions, payment status, and daily sales/payment reports. Confirm Cash Received verifies the order belongs to their restaurant, records the amount, sets Paid – Cash, saves confirmation time and confirming user, blocks duplicates, and keeps payment audit history. Never sees another restaurant's records. |
| Authorized restaurant staff | Support the owner in order and cash handling. | Uses Confirm Cash Received only for their own restaurant's cash orders. | Same confirmation outcome and audit trail as the owner; no cross-restaurant access. |
| Super Admin (platform owner Mayur Gorule, mayurgorulemg@gmail.com) | Operate the platform across tenants. | Manages restaurant accounts and restaurant owners; reviews totals for registered, active and suspended restaurants. | Exclusive platform-wide access; only this authorized account reaches Super Admin controls. |
Supporting actors, not personas: the payment gateway (backend verification of online payments) and the QR code system (identifies the restaurant and table). Cash is never auto-marked paid; online payments are never marked successful without backend verification. The platform is built to onboard multiple independent cafe and restaurant owners; this chapter does not fix a final persona count.
Trigger: Customer sits at a table and scans the table QR code.
Failure and recovery: If verification fails, the payment status becomes Payment Failed and the order is not treated as paid; the customer may retry payment. Frontend confirmation alone never marks an order paid. Duplicate payment confirmation is prevented.
Trigger: Customer scans the table QR code and completes item selection.
Failure and recovery: If cash is not received, the order remains Pending Cash Payment; confirmation cannot be triggered automatically or by the customer. Repeat confirmation attempts are blocked to prevent duplicates.
Trigger: A restaurant or cafe owner decides to join CafeDesk.
Result: The restaurant's public menu is live at its permanent QR destinations; later menu or price changes appear automatically on already-printed QR codes.
Trigger: A new order arrives in the owner's dashboard.
Access boundaries: Customers never reach dashboards or payment management; one owner can never access another restaurant's payment records; payment records are kept separate per restaurant.
Trigger: Customer has placed an order (online or cash).
Result: Customer knows both payment state and preparation progress without contacting staff.
The owner enters their dashboard.
A customer scans a table QR code.
The correct restaurant menu opens.
The customer adds food to the cart.
The customer selects Google Pay, PhonePe, or another available UPI method through the integrated gateway.
The payment is securely verified.
The order appears in the correct owner's dashboard.
The owner accepts and prepares the order.
The customer sees the updated order status.
[Design proposal; unspecified choices are defaults.]
CafeDesk keeps its existing layout, navigation, pages, menus, QR codes, tables and dashboard structure. The visual layer is a neon-night food-commerce mood applied to the payment-choice, order-confirmation and payment-management surfaces: near-black grounds, hot-pink signature accents, amber food cues and crisp dark commerce cards. The supplied reference is mood context only — no brand name, logo, wording or exact layout is carried over.
Palette (dark mode, exact tokens)
| Role | Hex |
|---|---|
| Background | #09070A |
| Surface | #171017 |
| Text | #FFF4F7 |
| Primary (CTA, focus, active outline) | #F20B73 |
| Accent (prices, food cues, secondary highlights) | #FFB72B |
| Muted (labels, secondary copy) | #B8A9B1 |
Near-black dominates; deep plum-black surfaces carry cards and payment rows. Hot pink is reserved for the primary action and active selection; amber marks prices and food cues. Edge lighting is restrained — thin borders and fine pink outlines, not broad gradients. Body text and every payment/status control stay high contrast.
Typography
clamp() and wrapping so all text fits at 375px, 768px and 1280px.Shape and surfaces
Crisp dark commerce surfaces, modest rounded corners, thin charcoal borders, and selective hot-pink illuminated outlines on primary actions and active states. Payment choices are clearly separated full-width selectable rows with unmistakable labels and status icons; no decorative shapes sit behind readable content. Food photography, where existing components already use it, stays vivid, close-cropped and dramatically lit against dark surroundings — placement unchanged, no placeholder images, no invented image URLs.
Status colour discipline
Cash-pending, online-paid and failed states use distinct readable text labels plus restrained pink, amber or neutral accents. Colour never carries status alone.
Responsive rule
At narrow widths payment options and order details stay in a single readable column with controls fully visible. Headlines, labels, numbers and controls remain whole inside the viewport and their container at 375px, 768px and 1280px; imagery and decoration may crop or bleed, readable text and controls may not.
Main headline:
[Design proposal; unspecified choices are defaults.]
The payment moment is the product's defining screen, and it is designed as two unmistakable doors on a dark ground.
The payment selector. After Place Order, the existing payment step presents two full-width selectable rows — Pay Online (Google Pay, PhonePe, Paytm, other supported UPI apps, debit/credit cards where supported) and Pay at Table (cash to waiter, pay at counter where the restaurant enables it). Each row carries a clear method label, concise supporting text and a status icon. The active row takes a thin #F20B73 outline and a subtle fill shift; the primary checkout action is solid #F20B73 with white text, a compact amber detail where useful, and a visible keyboard-focus outline. Only methods enabled in that restaurant's Payment Settings are rendered — disabled methods are absent, not greyed.
The confirmation. The customer confirmation shows order number, restaurant name, table number, items, total, payment method, payment status and current order status. Cash orders read "Payment Pending – Please pay cash at your table."; verified online payments read "Payment Successful – Your order is confirmed." The success check reveals only after backend verification — never before.
The owner side. The existing owner order/payment view reuses the same dark surface and fine-border treatment, keeping order ID, table, customer details, items, total, method, payment status and order status aligned and readable. Confirm Cash Received is emphasised as a deliberate human action — visually distinct from any automatic state change — and is available only to authorised owners/staff of that restaurant.
Trust as a visual property. Because the palette is loud, the payment and status surfaces are quiet: no glow, imagery or overlay sits over method names, amounts, status text or controls. The maximalist appetite appeal lives in the food imagery already present; the money lives in plain, high-contrast type.
[Design proposal; unspecified choices are defaults.]
Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: layered_2d
The existing CafeDesk hero is preserved in composition, content and placement — no new hero, phone mockup, section or CTA is introduced. Its focal subject is the food visual already in the approved hero placement, treated with the neon-night mood: near-black ground, vivid close-cropped food, hot-pink and amber accents.
Input → transformation → outcome. A visitor lands on the existing hero; the already-present food visual settles into place with a short, low-amplitude fade-and-rise as the headline and subheadline ("Your Restaurant. Your Digital Menu. Your Smart QR Ordering System.") resolve to full contrast. Outcome: a composed, readable first frame in which every existing headline and control is whole at 375px, 768px and 1280px. No behaviour is added — the motion only stages content that already exists.
Motion vocabulary. Restrained and purposeful: quick pink border/fill transitions on payment-method selection, a subtle confirmation-check reveal after verified success, and a small status-label transition when real-time order or payment data updates. No looping glow, no bouncing controls, no motion that implies payment success before server verification.
Composed first frame. Dark ground, food image in its existing position, headline and subheadline fully legible, primary CTA in solid #F20B73 with white text and a visible focus ring.
Reduced motion. With prefers-reduced-motion, all transitions become immediate static state changes; the hero renders in its final composed arrangement with no entrance animation, and every item remains fully readable.
SECURITY:
Use server-side role-based authorization.
Never expose Super Admin credentials in frontend code.
Protect Super Admin routes and backend operations.
Do not allow restaurant owners to promote themselves to Super Admin.
No ordinary restaurant owner can access this panel.
Enforce server-side ownership validation and database-level access controls wherever supported.
Restaurant A must never read or modify Restaurant B's data.
Customers must never access owner dashboards or private restaurant records.
Do not rely only on frontend hiding or menu restrictions.
Do not consider the project complete until these workflows work:
Another restaurant owner cannot access the first restaurant's private data.
Customers cannot access any dashboard.
Only the authorized Super Admin can access platform-wide administration.
This is a critical requirement.
Create properly related database entities for:
Users.
Restaurants.
Restaurant settings.
Menu categories.
Menu items.
Tables.
QR codes.
Orders.
Order items.
Payments.
Transactions.
Subscriptions.
Notifications.
Audit logs.
Every restaurant must have a unique restaurant ID.
Every restaurant-owned record must be associated with its correct restaurant ID.
Never encode a private dashboard URL or temporary QR image URL.
Platform owner: Mayur Gorule.
Super Admin email: mayurgorulemg@gmail.com
Only my authorized Super Admin account can access platform-wide controls.
The work updates the existing CafeDesk QR Table Ordering System; the existing website design, menu, QR codes, tables, dashboard and all working features must remain unchanged and no existing features may be removed.
The website must not be redesigned; the dual payment system is added to the existing product.
Any reference-image-derived visual direction must be original: do not copy any brand name, logo, copyrighted text, or exact business identity from the reference.
No placeholder images or empty image boxes; required high-quality images should be generated automatically where possible.
The final website must be polished, premium, modern, fully responsive (desktop, tablet, mobile) and suitable to sell to a real client.
Project name: cafedesk-payment.
No additional details specified.

cafedesk-payment · QR table ordering
Let your customers scan, browse, order and pay directly from their tables. Manage your entire restaurant from one smart dashboard.
The QR ordering journey
One path from the table to the kitchen. A diner scans, orders and pays without waiting for a waiter, and the restaurant receives the order in its private dashboard.
Each table carries a permanent QR code. Scanning it opens the right restaurant, already tied to that table.
Permanent table QRThe restaurant's own public menu shows categories, food photos, dish descriptions and prices. No app, no waiting.
Restaurant-specific menuPick dishes, review the order and place it from the table. The table number travels with it.
Table number attachedChoose from the payment methods that restaurant has enabled: online through its gateway, or Pay at Table. Anything disabled is not shown.
Only enabled methodsThe order page shows the current order status and payment status, updating as the restaurant works through it.
Order and payment statusPlaced orders reach the restaurant's private dashboard, kept separate from every other restaurant and never visible to diners. Staff see what to prepare and where to serve it.
Payment stays honest. An online payment is marked paid only after the payment gateway is verified by the backend. A cash order stays pending until authorised staff confirm the cash was received.
Your restaurant website, QR table ordering and owner dashboard work together, so customers can scan, browse, order and pay without waiting for a waiter.
A public website for your restaurant, published at its own unique URL.
Customers scan the permanent QR code on their table to browse and order.
Edit categories, dishes, photos, descriptions and prices from your dashboard.
Google Pay and PhonePe through supported payment integration, plus Pay at Table where you enable it.
New orders reach your dashboard as they are placed, with a notification sound.
Set up your tables and keep a QR code for each one.
Manage your profile, menu, orders and payment settings in one private place.
Register as an owner and get started; the experience works on phones, tablets and desktops.
Online payments count as paid only after backend verification. Cash payments are marked paid only when authorized staff confirm them.
Each entry point is for a different audience. Pick the one that matches why you are here.
New to cafedesk-payment? Register your restaurant. Already registered? Log in to continue.
Ordering from a table? Scan the QR code on your table to open that restaurant’s menu.
Restricted to the platform owner. Sign-in is required on the next page.

cafedesk-payment · QR table ordering
Let your customers scan, browse, order and pay directly from their tables. Manage your entire restaurant from one smart dashboard.
The QR ordering journey
One path from the table to the kitchen. A diner scans, orders and pays without waiting for a waiter, and the restaurant receives the order in its private dashboard.
Each table carries a permanent QR code. Scanning it opens the right restaurant, already tied to that table.
Permanent table QRThe restaurant's own public menu shows categories, food photos, dish descriptions and prices. No app, no waiting.
Restaurant-specific menuPick dishes, review the order and place it from the table. The table number travels with it.
Table number attachedChoose from the payment methods that restaurant has enabled: online through its gateway, or Pay at Table. Anything disabled is not shown.
Only enabled methodsThe order page shows the current order status and payment status, updating as the restaurant works through it.
Order and payment statusPlaced orders reach the restaurant's private dashboard, kept separate from every other restaurant and never visible to diners. Staff see what to prepare and where to serve it.
Payment stays honest. An online payment is marked paid only after the payment gateway is verified by the backend. A cash order stays pending until authorised staff confirm the cash was received.
Your restaurant website, QR table ordering and owner dashboard work together, so customers can scan, browse, order and pay without waiting for a waiter.
A public website for your restaurant, published at its own unique URL.
Customers scan the permanent QR code on their table to browse and order.
Edit categories, dishes, photos, descriptions and prices from your dashboard.
Google Pay and PhonePe through supported payment integration, plus Pay at Table where you enable it.
New orders reach your dashboard as they are placed, with a notification sound.
Set up your tables and keep a QR code for each one.
Manage your profile, menu, orders and payment settings in one private place.
Register as an owner and get started; the experience works on phones, tablets and desktops.
Online payments count as paid only after backend verification. Cash payments are marked paid only when authorized staff confirm them.
Each entry point is for a different audience. Pick the one that matches why you are here.
New to cafedesk-payment? Register your restaurant. Already registered? Log in to continue.
Ordering from a table? Scan the QR code on your table to open that restaurant’s menu.
Restricted to the platform owner. Sign-in is required on the next page.
No comments yet. Be the first!