Case study · 04 · Mobile app for iOS & Android

Order from the truck down the street, before you get there.

Start something like this
React NativeLive mapPickup orderingVendor modeOrder tracking

Customer tour

From the welcome screen to the live map, a truck's page and its menu.

Placing an order

Customise a dish, check out with Apple Pay and follow the order to pickup.

A day as the vendor

Go live, accept orders through the queue, manage the menu and check earnings.

The short version

Customers order ahead and walk up to a pickup code. Vendors run the day from the same app.

01

The problem

Trucks move and sell out, so people find them by luck, and owners have no time for another tool.

02

What I built

A two-sided mobile app: live discovery and ordering for customers, a queue and menu console for vendors.

03

Why it works

Feed-first discovery, pickup codes and a one-tap order queue keep both sides fast.

Asad Khan pointing at the summary of the project

0

Experiences in one app: customer and vendor

0

Screens designed and built

0

Dishes across 10 sample trucks

0

Codebase for iOS and Android

Curbly is a two-sided mobile marketplace for food trucks. Customers see which trucks are serving right now, order ahead and walk up to a pickup code. Truck owners run their day from the same app: a live queue, a menu with stock levels, earnings and a route for the week. It is a working prototype built to explore what a calmer, more premium take on the category could look like.

Read the full story

The challenge

Food trucks move, sell out and change their hours, so most people find them by luck or by scrolling an Instagram story. Ordering ahead is rare, and the owners are too busy at the window to manage another tool.

The goal was an app that answers three questions fast: what is open near me, how long will it take, and how do I skip the line. And a vendor side simple enough to use with flour on your hands.

The approach

Discovery is feed-first rather than map-first. A warm editorial home surfaces who is live, with the map as a card you can expand when you need it, instead of a full-screen grid of pins.

Ordering is built around pickup: choose a time, tip the crew, get a four-character code. The vendor sees the same order arrive in a live queue and moves it from new to preparing to ready with one tap, and the customer's tracking screen follows along.

What's inside


Two experiences share one app. Customers get discovery, ordering and tracking. Vendors get a console that fits in a pocket and survives a lunch rush.

01 · Discover

See who is serving right now

The home screen leads with trucks that are live, with ETA, distance and rating on every card. Categories, search and an expandable map are one tap away.

  • Live-now carousel with pickup ETA and distance
  • Photo-led category shortcuts and fast search
  • Map card that expands when you want to browse by location
The Curbly home screen with categories and live trucks

02 · Order

A menu worth browsing

Each truck gets a proper page: story, hours, a map pin, its most-loved dishes and a full menu with customisation. Adding to the order never leaves the page.

  • Most-loved row and category filters
  • Size and add-on options with a live price
  • Floating order bar that follows you around the app
A food truck's menu with popular dishes and categories

03 · Pickup

Skip the line with a pickup code

Once an order is placed, the tracking screen shows the walk to the truck, a progress bar, the order status and a four-character code to show at the window.

  • Live route from you to the truck
  • Step-by-step status from confirmed to picked up
  • Large pickup code with a scannable QR
The order tracking screen with a map and pickup code

04 · Vendor mode

Run the truck from your pocket

Owners switch into a dashboard built for speed: go live with one switch, watch the day's revenue, accept orders and keep an eye on stock.

  • Go-live switch with location and closing time
  • Revenue, orders, average ticket and an hourly sales chart
  • Low-stock alerts and a next-stop route card
The vendor dashboard showing today's revenue and sales by hour

How it fits together


The design choices that shape how Curbly looks, reads and feels in the hand.

01

Warm, not loud

A cream canvas, deep forest green and a single citrus accent give the category a more premium feel than the usual dark map with neon pins.

02

The map is a card

Most people want to know what is good, not where the pins are. Discovery leads with photography and ETAs, and the map expands when you ask for it.

03

Pickup, not payment at the window

Orders are paid in the app and collected with a code, so the truck's window stays fast and nobody fumbles with a card in the rain.

04

One app, two modes

Owners are customers too. A single switch moves between the two experiences, which keeps the codebase and the design system shared.

05

Built for thumbs

A floating tab bar, big tap targets and bottom sheets for secondary actions keep every common action within reach of one hand.

06

Sample data that reads as real

Ten trucks, forty-five dishes, reviews, orders and payouts make every screen feel lived-in, so the design is judged on its merits and not on empty states.

Keep exploring


A few more things I've built and shipped, picked at random each visit.

Next step

Need an app
like Curbly?