Eatsy Dine & Reserve — Mobile App | React Native | Stripe | Biometrics
Client: Bank Alfalah Limited · Pakistan
Live on Google Play
PROJECT OVERVIEW
Reimagining the restaurant experience for a leading Pakistani bank
Eatsy Dine & Reserve is a consumer-facing mobile app built for Bank Alfalah Limited — one of Pakistan's largest banks. The app transforms the traditional dine-in experience by letting customers scan a QR code at their table, browse a live digital menu, place orders, and pay securely — all without flagging down a server.
My role was to build the complete cross-platform mobile application from scratch using React Native, integrating biometric authentication, QR-based ordering, real-time order tracking, and fintech-grade payment flows.
CORE FEATURES I BUILT
Biometric authentication
Secure login using native Android and iOS biometric SDKs — fingerprint and Face ID support out of the box.
QR-based ordering
Customers scan a table QR code to instantly load the restaurant's live menu and place orders directly in-app.
Stripe payment integration
End-to-end secure payments via prepaid, debit, and credit cards with OTP verification and Stripe's mobile SDK.
Real-time push notifications
Firebase Cloud Messaging for instant order status updates — confirmed, preparing, ready to serve.
Table reservations
In-app table booking flow with availability checks, so diners skip the wait entirely.
Live order tracking
Real-time order status visible from cart to table delivery, keeping customers informed at every step.
Building for a fintech client meant every payment flow had to be bulletproof. Integrating Stripe with OTP-verified card payments on both Android and iOS, while simultaneously supporting native biometric auth via platform-specific SDKs (not just a JS wrapper), required deep work across both native layers.
The QR-based ordering flow also had to feel instant — scanning a code had to load the full live menu with zero perceptible delay, which required careful API design and state management on the mobile side.
Designed a trustworthy FinTech mobile app for global money transfers.
Process: Started with user flow & wireframes for 3-tap transfer, then built a scalable design system in Figma with 100+ components.
Outcome: Final UI focuses on clarity and trust — from onboarding to Home Dashboard ($12,450 balance), Send Money, and Money Sent success state. Built for conversion and speed.
Tools: Figma, iOS Design System, SF Pro
Tags: Mobile App, FinTech, UI/UX, Product Design
The Vault case study banner with the Rethinking mobile banking script headline is classy. Building the whole system on an 8-pt grid and shipping 15+ screens with full flows shows real systems thinking.
Sending money should not feel like filling out a tax form is the perfect problem statement. Framing the design goals as send money in under 30 seconds and show every fee before confirming gives the whole case study a sharp spine.