Overview
TAPP is a modern SaaS platform that enables cafes, restaurants, hotels, and bars to digitize their menus and implement contactless ordering systems. Guests simply scan a QR code from their table to instantly view the complete menu on their phone in their preferred language and place orders directly — no printing, no contact, no app required. Orders arrive instantly to the venue's tablet/laptop with sound notifications, streamlining operations and improving guest experience.
My Role
- Built the complete full-stack system — from database architecture to frontend user interface
- Implemented multi-tenant SaaS model with three pricing tiers (Free, Starter, Pro)
- Developed real-time ordering system with table detection, live notifications, and kitchen integration
- Created comprehensive dashboard for managing menus, orders, links, QR codes, and analytics
- Built real-time analytics engine tracking QR scans, menu views, orders, and revenue
- Integrated automatic multi-language system (Bosnian, English, German, Croatian, Serbian, Italian, French, Spanish, Turkish)
- Designed branding and UX tailored for the Balkan market
Key Features
Ordering System
- Table-Side Ordering — guests scan QR code and automatically see their table number
- Real-Time Notifications — instant order alerts with sound notifications on tablet/laptop
- Waiter Call Function — guests can directly call waiter for service or bill
- Custom Orders — easy addition of sides, special requests, and notes
- Multi-Language Ordering — tourists order in their native language without confusion
- Order Management Dashboard — track all incoming orders in real-time
- No Errors — digital orders eliminate miscommunication and wrong orders
Digital Menu
- QR Code Menu — digital menu accessible instantly after scanning
- Landing Page Builder — customizable page with all links (Instagram, Google Maps, reservations)
- Instant Updates — price and item changes go live immediately, no reprinting needed
- Custom Branding — logo upload, custom colors, removable TAPP branding
- Image Uploads — high-quality photos for menu items increase sales by 40%+
- Mobile-First Design — optimized for smartphone viewing experience
Analytics & Insights
- Live Analytics — tracking scan counts, popular items, peak hours
- Order Analytics — most ordered dishes, revenue tracking, performance metrics
- Real-Time Dashboard — monitor everything as it happens
- Revenue Reports — comprehensive sales data and trends
Tech Stack
Frontend:
- Next.js 16 (React 18)
- TypeScript
- Tailwind CSS + Radix UI
- TanStack Query (React Query)
- React Hook Form + Zod validation
- QRCode.react for QR generation
- Recharts for analytics visualization
- WebSocket for real-time notifications
Backend:
- Node.js + Express.js
- TypeScript
- MongoDB + Mongoose
- Socket.io for real-time order updates
- JWT authentication + bcrypt
- AWS S3 for image storage
- Sharp for image optimization
- Express Validator
- Push notification system
DevOps & Tools:
- Vercel (frontend deployment)
- Railway/DigitalOcean (backend)
- MongoDB Atlas
- Git version control
Key Challenges Solved
- Eliminated printing costs — venues no longer need to reprint menus for price changes
- Streamlined ordering process — guests order directly without waiting for waiters, increasing sales by 40%+
- Eliminated order errors — digital orders prevent miscommunication between guests and kitchen
- Language barriers — automatic translation enables seamless ordering for international tourists
- Real-time kitchen integration — orders arrive instantly with sound alerts, improving service speed
- Staff efficiency — waiters can focus on service rather than taking orders manually
- Mobile optimization — purpose-built for smartphone viewing in hospitality environments
- Local payment infrastructure — adapted pricing and payment methods for Balkan market
Technical Highlights
- Real-time WebSocket architecture for instant order delivery and notifications
- Table detection system automatically identifying table numbers from QR scans
- Multi-tenant architecture with tenant isolation and role-based access control
- Real-time analytics pipeline processing thousands of events daily
- Push notification system with sound alerts for incoming orders
- Optimized image pipeline with Sharp for compression and CDN delivery
- SEO-optimized landing pages with dynamic slugs for each venue
- Responsive admin dashboard with drag-and-drop menu organization and live order management
- Secure authentication flow with JWT tokens and refresh mechanisms
Impact & Results
Real testimonials from Bosnian venues using TAPP:
- Caffe Bar "Stari Grad": "Guests love online ordering! We no longer wait for waiters, and everything comes directly to the kitchen. Sales jumped 40%!"
- Restoran "Kod Emira": "Tourists order easiest because they see the menu in their language. Ordering system is a game changer - no more order mistakes!"
- Boutique Hotel "Vista": "Looks professional, easy to use. Guests order without problems and we have everything under control!"
TAPP addresses a critical need in the Balkan hospitality industry where digital transformation has been slow. By providing an affordable, easy-to-use platform with local language support, contactless ordering, and payment methods, it empowers small businesses to compete with international standards while maintaining their unique identity.
The platform demonstrates how thoughtful product design and market understanding can create real value — reducing operational costs, eliminating order errors, improving customer experience, and increasing revenue by up to 40% for local businesses.
Live Platform: tapp.dumancic.dev