PROJECT

Menu QR

The frictionless way to manage restaurant menus. Launch your digital menu in 60 seconds, update prices mid-service, switch languages instantly, and increase table turnover with comprehensive analytics.

TECH STACK
14 Technologies
ARCHITECTURE
Full-Stack SaaS
STATUS
Production
Menu QR

Key Features

AI-powered menu digitization with 99% accuracy - drag & drop PDF for instant structuring

Real-time menu updates - edit prices, hide sold-out items during service

Multilingual support with 100+ languages and RTL support for Arabic

Comprehensive analytics dashboard with revenue tracking and order insights

8-step onboarding wizard for seamless restaurant profile setup

Customizable QR codes with instant PDF export for table printing

Hierarchical menu organization with drag-and-drop reordering

Enterprise-grade security with JWT, OAuth 2.0, and role-based access control

Overview

Developed a full-stack SaaS platform revolutionizing restaurant operations through QR code technology. The application enables restaurant owners to create, manage, and publish digital menus accessible via QR scanning. Built with enterprise-grade architecture featuring NestJS backend with JWT authentication, Google OAuth, and role-based access control. The frontend delivers an exceptional UX with drag-and-drop menu management, real-time previews, and comprehensive analytics tracking.

Technical Highlights

AI Digitization
Drag & drop PDF processing with 99% accuracy for instant menu structuring
Real-Time Updates
Edit prices in 1 click, hide sold-out items instantly during service
Multilingual
100+ languages with cultural context preservation and RTL support
Analytics
Revenue tracking, order volume metrics, and top items analysis
Drag & Drop Editor
@dnd-kit integration for intuitive menu and category reordering
Enterprise Security
JWT auth, Google OAuth 2.0, Argon2 hashing, role-based access

Architecture

Backend (NestJS 10)

Modular architecture with Prisma ORM, Redis caching (cache-aside pattern), Swagger API documentation, and comprehensive E2E testing with Supertest.

Frontend (Next.js 15.5)

App Router with React 19, server components, optimistic UI updates, client-side image compression, and next-intl for internationalization.

Database Schema

PostgreSQL with Prisma: User → Business → Menu → Category → MenuItem relationships with strategic indexing for query optimization.

TECH STACK

Frontend
Next.js 15.5
React 19
TypeScript 5
Tailwind CSS 4
shadcn/ui
Framer Motion
Backend
NestJS 10
PostgreSQL
Prisma 6.3
Redis
JWT
Tools & Libraries
Zod
@dnd-kit
next-intl
View Live Project