Return to IndexReturn
Live EnvironmentLive
B2B SaaS Platform

MenuQR

A high-performance B2B SaaS platform for intelligent, dynamic digital menus powered by Next.js and Cloudflare Workers.

Contents

01

Overview

MenuQR empowers restaurants, cafes, and hospitality businesses to instantly digitize their dining experience through a robust, self-serve platform. Built for global scale and local performance, it provides a seamless interface for business owners to manage multi-tiered menus, allergen information, and table-specific QR codes.

By combining a highly interactive frontend with an edge-optimized serverless backend, the product eliminates the friction of traditional paper menus while capturing critical customer engagement data.

MenuQR Platform Dashboard

Dashboard Interface Highlights

02

The Problem & Solution

The Challenge

Traditional restaurants struggle with the cost and rigidity of printed menus, while existing digital solutions are often clunky, slow to load, and difficult for non-technical staff to update dynamically.

The Solution

MenuQR delivers an intuitive, drag-and-drop dashboard that allows instant menu updates, paired with a blazing-fast, edge-rendered public menu viewer. The architecture guarantees sub-second load times for end customers scanning QR codes, regardless of their global location or network conditions.

03

Key Product Features

Dynamic Menu Management

Enables zero-friction, drag-and-drop ordering of categories and items, ensuring venues can instantly adapt to sold-out items or seasonal changes.

Intelligent QR & Routing

Generates high-resolution, table-specific QR codes that route customers to the correct digital storefront while enabling granular tracking of table engagement.

Comprehensive Metadata

Supports detailed dietary flags, allergen tracking, and caloric information, directly addressing modern consumer transparency demands and regulatory requirements.

Frictionless Onboarding

Features a streamlined, multi-step onboarding flow with secure OTP and social authentication, allowing businesses to create a branded digital presence in minutes.

AI Menu Digitization

Integrates a Python FastAPI microservice utilizing Vision LLMs and OCR to instantly transform photos of physical menus into structured digital data.

Actionable Analytics

Leverages Cloudflare KV and Postgres to process high-volume table scans, providing businesses with real-time insights into customer engagement and menu performance.

04

Architecture & Technical Highlights

Core Stack & Microservices

A decoupled microservice ecosystem featuring a Next.js 15 (React 19) frontend, an edge-native Hono.js core API, and a Python FastAPI AI processing engine. Data is anchored by Neon Serverless Postgres via Drizzle ORM.

Edge-Optimized Architecture

Leveraged Cloudflare Workers to deploy the Hono backend to the edge, drastically reducing TTFB (Time to First Byte) for public menu requests. Employed a scalable separation between the interactive admin dashboard and the lightweight public viewer via Next.js route groups.

Optimization & Security

Implemented secure direct-to-Cloudflare-R2 presigned URLs for image uploads to bypass server processing bottlenecks, while utilizing Zod for rigorous end-to-end type safety and API validation.

Hybrid AI Parsing Strategy

The AI microservice orchestrates a smart fallback strategy, prioritizing advanced Vision LLMs (via OpenRouter) for complex menu layouts, while seamlessly downgrading to local OCR models (EasyOCR) to balance cost and performance.

05

Impact & Results

  • Accommodated rapid data growth by designing a highly normalized, scalable Postgres schema capable of separating tenant data efficiently.
  • Eliminated backend latency spikes by migrating API routing to Cloudflare's edge network, ensuring immediate responses during peak dining hours.
  • Reduced vendor onboarding friction by providing an intuitive, wizard-driven UI that dramatically accelerates time-to-value for new restaurant sign-ups.

Demonstrated Expertise

System Design
B2B SaaS Architecture
Edge Computing
Full-Stack TypeScript
AI/LLM Integration
Computer Vision (OCR)
Relational Database Modeling
API Integration