Menu
KARACHI, PK · 24.86°N 67.00°E
all apps
Case study · Commercial product

TapMeal.

QR Digital Menu & Restaurant Manager

TapMeal is a complete restaurant management suite comprising three production-ready apps sharing a single Firebase backend. Restaurant owners manage live orders, menus, staff, and analytics from a React Native admin app. Customers scan a QR code at their table — the menu opens in their browser with no app download and no account required. A Next.js admin web panel adds a desktop dashboard with Kitchen Display Mode, printable QR sheets, and CSV exports.

Play Store ↗CodeCanyon ↗▸ help & support
TapMeal icon
01 · KEY FEATURES

Designed end-to-end.

01

Live Order Board with FCM Push Notifications

02

QR Code Generation & One-Tap Print Sheet

03

Kitchen Display Mode (KDS) for Wall Tablets

04

Customer Web Menu — Zero Install, Zero Login

05

Role-Based Staff Access (Manager, Waiter, Kitchen)

06

Revenue Analytics & Busiest-Hours Heatmap

07

Scheduled Promotions with Auto-Activate

08

Operating Hours with Automatic Closed State

09

Multi-Tenant — Unlimited Restaurants per Deployment

10

In-App Subscription (Ad-Free via RevenueCat)

02 · HOW IT WORKS

Under the hood.

Three Apps. One Purchase.

TapMeal ships as a complete suite — not a single app. One Firebase project powers all three simultaneously.

  • Admin Mobile App — React Native, Expo SDK 54, live on Google Play
  • Admin Web Panel — Next.js 16.2 desktop dashboard with KDS and CSV export
  • Customer Web Menu — Next.js 16.2, zero install, works in any browser

Real-Time Ordering Flow

From QR scan to kitchen notification in under five seconds — entirely automated.

  • Customer scans QR → menu loads instantly in their browser
  • Customer places order → FCM push fires on owner's phone immediately
  • Owner accepts → kitchen sees it on the KDS display
  • Status updates flow back to the customer's browser live

Source Code on CodeCanyon

The full TypeScript source code — all three apps, Firestore security rules, .env templates, EAS build config, and 15-section documentation — is available on CodeCanyon.

  • Regular License: single restaurant or single client
  • Extended License: multi-client agency, SaaS, or white-label
  • 100% TypeScript strict mode across all three apps
  • Multi-tenant Firestore architecture — isolated per restaurant
03 · TECH STACK

Tools used.

Frontend
  • React Native 0.81.5
  • Expo SDK 54
  • Expo Router v6
  • Reanimated v4
  • Gorhom Bottom Sheet v5
  • MMKV v4
Backend
  • Firebase Firestore
  • Firebase Auth
  • Firebase Cloud Messaging
  • Firebase Admin SDK
  • Next.js 16.2 (Admin Panel)
  • Next.js 16.2 (Customer Menu)
Features
  • ImageKit CDN
  • RevenueCat Subscriptions
  • Google AdMob
  • react-native-qrcode-svg
  • TypeScript Strict

Perfect for

Restaurant Owners
Replace paper tickets and manual ordering with a live digital system managed from your phone.
Cafés & Food Courts
Give every table a QR code and let customers order at their own pace without waiting for a waiter.
Agencies & Freelancers
Deploy the full source code for restaurant clients. The multi-tenant architecture serves unlimited venues from one Firebase project.
SaaS Builders
Buy the Extended License on CodeCanyon and launch your own restaurant SaaS product on top of the codebase.
04 · FAQs

Common questions.

Run Your Restaurant Digitally.

Download TapMeal on Google Play or grab the full source code on CodeCanyon to deploy it for your restaurant or your clients.

Play Store ↗CodeCanyon ↗Contact developer
PRIVACY POLICYTERMS OF SERVICEHELP