Skip to content
Saad SattoufSOFTWARE ENGINEERING
Mobile appsMobile app

Delivery & Order Tracking Mobile App

A cross-platform mobile app for local ordering and delivery: a customer app with live courier tracking, a courier app with jobs, navigation and proof of delivery, and a dispatch dashboard.

Build a similar projectDiscuss it on WhatsApp

Project facts

Project type
Mobile app
Category
Mobile apps
Industry
Local delivery & logistics
Technology stack
  • Flutter
  • Firebase Cloud Messaging
  • Node.js
  • PostgreSQL
  • Prisma
  • WebSockets
  • Redis
  • Next.js
  • Google Maps Platform
Three phone screens of the customer app: shop discovery, live courier tracking on a map and order status timeline

Overview

This demonstration project shows a complete mobile product for local delivery — shops, kitchens and pharmacies delivering within a city. It consists of three connected parts: a customer app to order and follow the delivery on a map, a courier app to accept jobs, navigate and confirm delivery, and a web dashboard where dispatch assigns orders and watches the whole zone live.

Customers without the app get an SMS with a tracking link, so every order can be followed. Both apps are built with Flutter from one codebase for iOS and Android.

The challenge

Local businesses that deliver often coordinate by phone and chat: customers call to ask where their order is, couriers get addresses by message, and nobody sees which courier is free. Marketplace delivery platforms solve this but take a large commission and own the customer relationship. Building native apps separately for iOS and Android doubles the cost and time.

The solution

The concept connects everyone to the same live order. When an order is placed, dispatch — manually or by rules — offers it to a nearby courier, who accepts it in the app. The courier's position is shared while the job is active, the customer sees the courier on a map with an arrival estimate, and push notifications mark each step. Delivery is confirmed with a photo or signature, and the dashboard shows active orders, courier status and delivery times.

Key features

  • Customer app to browse shops, order and pay
  • Live courier tracking on a map with arrival estimate
  • Courier app with job offers, navigation and shift status
  • Proof of delivery with photo and signature
  • Push notifications at every order step
  • SMS tracking link for customers without the app
  • Dispatch dashboard with live map and order assignment
  • One Flutter codebase for iOS and Android

Who it is for

  • Restaurants, bakeries and shops that deliver locally
  • Pharmacies and florists with their own couriers
  • Logistics start-ups building a delivery service
  • Businesses leaving high-commission delivery platforms

Technical approach

The customer and courier apps are written in Flutter with a shared design system and API client. A Node.js API with PostgreSQL through Prisma stores orders, couriers and events; live positions travel over WebSockets and are cached in Redis so the dashboard and tracking pages stay light. Maps and routing use the Google Maps Platform, notifications go through Firebase Cloud Messaging and SMS, and the dispatch dashboard is a Next.js web app.

Frontend
Integrations
Google Maps PlatformFirebase Cloud MessagingStripeTwilio SMS

Screens

Customer-facing interface

Web tracking page opened from an SMS link, with arrival time, order steps and a map showing the courier's route
Web tracking page opened from an SMS link, with arrival time, order steps and a map showing the courier's route

Admin interface

Dispatch dashboard with a live map of couriers and drop-offs next to a list of active orders and their status
Dispatch dashboard with a live map of couriers and drop-offs next to a list of active orders and their status

Mobile & responsive views

Three phone screens of the courier app: job offers and shift, turn-by-turn navigation and proof of delivery with signature
Three phone screens of the courier app: job offers and shift, turn-by-turn navigation and proof of delivery with signature

Services behind this project

The work in this case study maps onto these services. Each page explains scope, process and what you receive.

Related projects

All projects
  • Inventory dashboard with stock value, items below reorder point, open receipts and stock movements per day
    Business systemsInventory & warehouse system

    Inventory & Warehouse Management System

    Inventory management software for a warehouse team: stock per location and bin, barcode scanning, goods receipt, picking, transfers, cycle counts, batch and expiry tracking, and reorder suggestions.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +3
    View project details: Inventory & Warehouse Management System
  • Storefront product listing with category filters, price range and eight product cards
    Online storesEcommerce platform

    Advanced Ecommerce Platform

    A custom online store with product management, fast search, customer accounts, a multi-step checkout and a complete order dashboard — built on Next.js, TypeScript and PostgreSQL.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +4
    View project details: Advanced Ecommerce Platform
  • SaaS workspace dashboard with project counts, activity chart, project progress table and plan usage
    SaaS platformsSaaS platform

    SaaS Management Platform

    A multi-tenant SaaS foundation with workspaces, members and roles, subscription billing, usage limits, an audit log and an operator console for the team that runs the product.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +4
    View project details: SaaS Management Platform

Questions about this type of project

Is this app available in the app stores?

No. It is a demonstration project with sample shops, orders and couriers. It shows how Saad designs and builds a cross-platform mobile app with a live tracking backend.

Why Flutter for a mobile app?

Flutter builds iOS and Android apps from one codebase with native performance, so features ship to both platforms at the same time and maintenance costs stay lower than two separate apps.

How does live tracking protect the courier's privacy?

The position is shared only while a job is active and only with the customer of that order and dispatch. Tracking stops when the delivery is completed or the courier goes offline.

Want a similar project?

Tell Saad what you need. You get a clear scope, a phased plan and direct contact with the developer who builds it — no middlemen.

Build a similar projectDiscuss it on WhatsApp

  • Direct, clear communication

    You talk directly to the engineer writing the code — no sales intermediaries, no vague delivery dates.

  • Fully custom solutions

    No ready-made WordPress themes or copied code — every line is written to fit your business's exact requirements and scale.

  • From idea to launch

    Help shaping the specification and turning a rough concept into a real, usable digital product.

The request form opens with this type of project already selected.