Skip to content
F.
Back to work
Mobile

Food Delivery App

Real-time food ordering with live map tracking

Year
2024
Role
Mobile / Full Stack Developer
Duration
End-to-end
Stack
5 tech
quickbite.app
9:41
QQuickBite

Your favorites, at your door.

Restaurants or dishes…
20 min avgLive mapTop rated
4.9
4.8
HomeSearchOrdersMapMe
(01)

Context

Diners needed to browse restaurants, order in a few taps and watch their delivery move on a live map, all in a smooth, native mobile experience.

(02)

The Challenge

Real-time tracking, multiple payment options and a responsive UI had to stay fast and reliable on a clean, maintainable codebase.

(03)

Approach

I built the app in Flutter using clean architecture and BLoC, with Supabase and PostgreSQL for data and realtime, and the Google Maps API for live driver tracking and restaurant discovery.

(04)

Key Decisions

  1. 01

    Live map tracking

    Google Maps API shows real-time order and driver location end-to-end.

  2. 02

    Clean architecture

    BLoC/Cubit and layered architecture keep features testable and maintainable.

  3. 03

    Supabase + Postgres

    Realtime data and a typed Postgres schema power orders and listings.

  4. 04

    Flexible checkout

    Secure checkout with multiple payment options.

(05)

What Shipped

  • Restaurant listings and menus
  • Cart and secure multi-option checkout
  • Real-time order tracking on Google Maps
  • Realtime data via Supabase / PostgreSQL
  • Clean, BLoC-based architecture
(06)

Outcomes

LiveMap order tracking
RealtimeOrder updates
CleanArchitecture (BLoC)
(07)

Stack

FlutterDartSupabasePostgreSQLGoogle Maps API
Next project

Multi-Tenant SaaS