Mobile apps
Restaurant ordering app example for pickup orders
A pickup ordering app pays for itself when regulars reorder from their phone instead of a delivery platform. This example for an invented Leichhardt pasta bar reads its menu from the restaurant's store, adds dishes to an order priced by the server, and shows where to collect.
The app, screen by screen
Each screen as the app renders it on a 390 pixel phone. Scroll inside a phone to read the whole screen.
Screen by screen
- Home /
- Photo hero with Order for pickup, Order in three steps, This week's special card
- Menu /menu
- Pickup note, Antipasti, Pasta and Dolci from the store, each dish with photo, price and Add
- Order /order
- Order lines with quantity buttons, Total from the server, Pickup location, Pay and place order
- Visit /visit
- Address, phone and kitchen hours, Walk-in note
How it is built
An Expo app from a Code mode site with a store switched on. Four tabs, a hook that groups the catalog into menu sections, a dish row component with an Add button, a hook that quotes the order, and an order line with quantity buttons. Paying opens Stripe Checkout in an in-app browser and returns to the app with the result.
From preview to the stores
The screenshots above are the app's web export, which the app builder shows in a phone frame. You build and submit it yourself with EAS on your own Expo, Apple and Google accounts: Apple charges 99 USD a year and Google 25 USD once, and a new personal Google account must test with at least 12 people for 14 days. A menu with real ordering is the kind of app the stores accept; a menu with no ordering is likely to be rejected as a repackaged website.
What makes this app work
The menu is the restaurant's own store
The Menu tab reads the store's catalog and groups dishes by collection, so a dish added or archived in the store admin shows in the app with no new build. The app and the website sell the same menu at the same prices.
The order count rides on the tab bar
A badge on the Order tab shows how many dishes are in the order on every screen. It is the native equivalent of a cart icon, and it reminds the customer to finish.
Prices come from the server
The order screen asks the store to price the lines, so the total is always what Stripe will charge. The app never adds money up itself, which keeps it right when a price changes.
Questions people ask
How does ordering work in the app?
Customers add dishes from the Menu tab, the Order tab shows the lines priced by the server with the pickup location, and paying opens Stripe Checkout on the restaurant's connected account in an in-app browser. A paid order empties the order and lands in the store admin.
Do I need a website as well?
The app belongs to a Code mode site and reads its store, so yes, there is a site behind it, and the same menu can be ordered from the web. Many restaurants publish the site first and add the app once regulars ask for it.
Can I update the menu without rebuilding the app?
Yes. The menu comes from the store's catalog at run time, so adding, pricing or archiving a dish in the store admin changes the app after the next catalog update. Only design changes need a new build through the AI chat.
Does the app take payment itself?
Payment goes through Stripe Checkout on your connected Stripe account, opened inside the app. Card details never touch the app. Stores and app payments need a paid plan, with a platform fee by plan on top of Stripe's own fees.
Will Apple accept a restaurant ordering app?
Apple rejects apps that only repeat a website, so an app needs real features, such as ordering, an order screen and payment, as this one has. Apple also asks that apps made with a builder are submitted by the business itself, which is how OneCraft apps are published.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make one like thisOther app examples
Yoga studio app example with a live timetable
Students check a studio's timetable more than anything else, often in the morning before class. This example for an invented Bulimba studio reads the week's classes from a collection the owner edits, groups them by day with the time, teacher and level, and takes booking requests.
Salon booking app example with services and booking requests
A salon's regulars rebook every six weeks, and an app on their phone makes that a one minute job. This example for an invented Subiaco salon has four tabs: a home screen with the most booked services, the full price list, a booking request form and the studio details.
Online store app example for a small homewares shop
A small shop's best customers buy again, and an app on their home screen brings them back without an ad. This example for an invented Fremantle homewares store shows new products on the home screen, the full shop by collection, a cart priced by the server and the shop's hours.
For everything this generator can do, see the website maker.
Written and checked by the OneCraft team. Last checked .