TapMeal - Restaurant Management & QR Ordering System - React Native App

TapMeal — Restaurant Management & QR Ordering System (React Native Mobile App)

TapMeal is a complete restaurant management solution built on React Native (Expo SDK 54, New Architecture) and published live on the Google Play Store. Restaurant owners accept live orders, manage their menu, generate per-table QR codes, and run their kitchen from a single mobile app. Two companion Next.js web apps are included — a desktop admin panel and a customer-facing QR menu that opens in any smartphone browser with no download and no login required.

Live Demo:  Admin Panel Demo  |  Customer Menu Demo

✅ Try it yourself — no demo login needed. Download TapMeal from the Google Play Store (or open the Admin Panel Demo above), create a free account in seconds with email or Google sign-in, complete the quick onboarding, and test the complete app with your own restaurant. The same account also signs you in to the web admin panel.

Available on the Google Play Store — download and test the live app:

⚠️ Third-party service costs (please read): TapMeal uses Firebase (Firestore, Authentication, Cloud Messaging) and ImageKit (image CDN). Both offer free tiers that cover typical single-restaurant usage, but usage beyond those free-tier limits may incur charges billed directly by Google/Firebase and by ImageKit to your own accounts. You are solely responsible for monitoring and paying any such usage costs. TapMeal itself charges no recurring fees.

Admin Mobile App — React Native (Expo SDK 54, iOS + Android)

The restaurant owner’s command center — orders, menu, tables, staff, analytics, and promotions in one app.

Orders & Kitchen

• Live order board — push notifications fire the moment a customer orders, even when the app is closed. Accept or reject with one tap.
• Real-time status — move orders through Pending → Preparing → Ready → Delivered; customers see updates live in their browser.
• Kitchen Display Mode — full-screen live order view for a wall-mounted kitchen tablet. No paper tickets.
• Waiter call — customers summon a waiter from the QR menu; a push fires instantly to staff.

Tables & QR Codes

• Per-table QR generation — each table gets a unique QR code generated offline in the app. No third-party QR service.
• One-tap print sheet — generate a print-ready A4 sheet for the whole restaurant.
• Share QR codes — export any table’s QR as a PNG via the system share sheet.

Menu, Staff & Business Tools

• Categories with emoji icons and drag-to-reorder; item photos, pricing, and instant availability toggles.
• Staff invites by email with four roles (Owner, Manager, Waiter, Kitchen) and granular screen permissions.
• Revenue analytics — busiest hours, top items, per-table breakdown — with no external analytics service.
• Scheduled promotions (auto-activate / auto-expire), per-day operating hours, customer reviews, and multi-restaurant support.

Authentication

• Email/password and one-tap Google Sign-In via Firebase Auth.
• Guided onboarding wizard for first-time restaurant setup.

Also Included — Admin Web Panel (Next.js)

A desktop management dashboard for owners who prefer a larger screen.

• KPI dashboard with revenue trend charts and full order history (with CSV export).
• Kitchen Display Mode and printable, offline QR sheets for all tables.
• Staff, menu, promotions, and operating-hours management.
• Secure, server-verified session authentication; server-side image-upload and notification routes.

Also Included — Customer Web Menu (Next.js)

The customer-facing QR menu — zero install, zero login. Opens in any smartphone browser.

• Scan the table QR — the menu loads in about a second.
• Category tabs, item cards with photos, cart with quantities and per-item notes.
• Live order tracking, a waiter-call button, and post-meal star ratings/reviews.
• Automatic closed state outside operating hours.

Technology Stack

React Native (Expo SDK 54) for the mobile app, Next.js (App Router, TypeScript strict) for both web apps, Firebase (Firestore, Auth, Cloud Messaging) for the backend, and ImageKit CDN for images with server-side signed uploads.

Multi-Tenant Architecture & Licensing

One Firebase project hosts unlimited restaurants, each fully isolated under its own Firestore namespace. Deploy once and serve as many restaurants as you need.

• Regular License — deploy for your own restaurant or a single client (one end product).
• Extended License — deploy for multiple clients, run as a paid SaaS, or white-label and resell under your own brand.

What’s Included

• Full source for all three apps — mobile, admin panel, and customer menu.
• Firestore security rules with role-based access control.
• .env.example templates for every app, EAS build config, and a Vercel deployment guide.
• ImageKit configuration with a server-side authentication route.
• Complete HTML documentation.

⚙ Requirements

• Node.js 20 LTS (or 18 LTS).
• Firebase project — the free Spark plan suits most deployments; see the cost note above.
• ImageKit account — free tier covers most single-restaurant use; see the cost note above.
• Vercel account — free Hobby tier for both web apps.
• Expo / EAS for building Android/iOS binaries, plus a Google Play / Apple developer account to publish.

Changelog

v1.0.0 — June, 2026 (Initial Release)

• Admin Mobile App — React Native, Expo SDK 54, New Architecture.
• Admin Web Panel and Customer Web Menu — Next.js, App Router, TypeScript strict.
• Firestore security rules with role-based access and validated order-status transitions.
• Push notifications for new orders, status changes, and waiter calls.
• Offline per-table QR generation with printable sheets, and Kitchen Display Mode.
• ImageKit CDN integration, revenue analytics, scheduled promotions, and multi-tenant architecture.