DeCafe: Smart POS & Omnichannel Restaurant Ecosystem
Integrated omnichannel POS and restaurant ecosystem featuring 4 operational roles: Admin Dashboard, Tablet Cashier POS, real-time Kitchen Display System (KDS), and customer self-ordering via table QR code.
Role-Isolated Ecosystem Previews
Centralized restaurant management portal: starting from secure login, sales & revenue dashboard, omnichannel order supervision, menu catalog & pricing control, staff access management, financial reports, and table layouts.
1. Admin Login Portal
Secure authentication gateway for restaurant administrators and managers with encrypted session protection.
2. Sales & Operations Dashboard
Real-time summary of gross revenue, active orders volume, average preparation times, and top-selling menu trends.
3. Live Omnichannel Orders Supervision
Real-time monitoring of all incoming orders from counter cashiers and self-order tables with status progress filtering.
4. Menu Catalog & Price Controls
Comprehensive culinary database management, price adjustments, promotional discounts, and live inventory stock toggles.
5. Staff Permissions & Operator Accounts
Management of cashier and kitchen staff credentials, role-based access assignment (RBAC), and shift audit trails.
6. Financial Ledger & Profit/Loss Reports
Consolidated sales ledger, ingredient cost deductions, payment gateway reconciliation, and financial report export.
7. Table Layout Grid & QR Generator
Visual floor plan designer, live table occupancy tracking, and instant generation of scannable guest QR code cards.
Project Architecture & Overview
DeCafe modernizes the end-to-end operational workflow of food & beverage (F&B) businesses. Built on an event-driven architecture with Supabase Realtime Channels, the system synchronizes order tickets from customer tables straight to kitchen screens within milliseconds. Features a high-speed cashier terminal with ESC/POS Bluetooth thermal printing, automated shift drawer reconciliation, granular profit-and-loss analytics, and secure local session isolation for flawless demonstration and testing.
Case Study & Retrospective
Order Ticket Sync Latency Across Multi-Role Operations
During lunchtime peak hours, order tickets placed by table guests frequently experienced a 3 to 5-second latency before rendering on kitchen display and cashier screens.
Engineered an event-driven architecture powered by Supabase Realtime Postgres Changes with lightweight optimistic client updates, slashing latency down to under 180ms.
Large Menu Grid Rendering Performance on Mobile Browsers
Rendering dozens of high-res dish photos triggered memory pressure and severe scroll stutter on guest entry-level smartphones.
Implemented virtualized list windowing, asynchronous image decoding, and WebP compression tuned under 45KB per dish thumbnail.
Cashier Transaction Reliability Under Intermittent Network Drops
If the cashier router dropped connection while a customer paid at the counter, transactions risked failing to persist to the central database.
Implemented an offline transaction queue with IndexedDB and automatic background sync executing idempotency keys once connectivity restores.