ScanOrder

ScanOrder is a high-performance, multi-tenant SaaS platform built to digitalize the restaurant experience through dynamic QR codes and real-time management.

Overview

ScanOrder addresses the challenges of traditional dining by streamlining the ordering process. It enables restaurants to offer contactless ordering and payments, while providing owners and staff with robust management tools, from menu control to live order tracking.

The Problem

Traditional restaurant operations often suffer from:

• Server Latency: Manual order taking and transmission to the kitchen create bottlenecks during peak hours.
• Menu Inflexibility: Physical menus are static and difficult to update for daily specials or "out of stock" items.
• Fragmented Data: Difficulty in tracking real-time sales and order status across multiple tables and staff members.

Tech Stack & Architecture

• Frontend: Next.js 16 (App Router, Turbopack)
• Styling: Tailwind CSS v4, shadcn/ui
• Backend-as-a-Service: Supabase (Auth, Storage, Realtime)
• Database ORM: Drizzle ORM
• State Management: Zustand
• Data Fetching: TanStack Query

The system utilizes Supabase Realtime for sub-second latency in order notifications and Drizzle ORM for strict type-safety across the entire data layer.

Key Features

• Live Kanban Board: Real-time staff feed moving orders from Placed to Preparing to Served.
• Dynamic QR Engine: Automated generation of table-specific QR codes for contactless browsing and ordering.
• Real-Time Order Tracking: Customers can monitor their meal's progress in real-time from their own device.
• Instant PDF Billing: Automated generation of professional PDF receipts upon payment verification.

Technical Challenges & Solutions

Real-time Sub-second Latency

To ensure kitchen staff receive orders instantly, I implemented Postgres-level changes via Supabase Realtime. By listening directly to database changes, the platform achieves sub-second synchronization across all connected staff and customer devices, eliminating the need for manual polling.

Complex Multi-Tenant Cart Logic

Developed a robust cart system using Zustand that handles complex multi-restaurant constraints. The logic ensures that table-specific session data is preserved while preventing cross-tenant data leaks, providing a seamless "native app" feel within the browser.