Pular para o conteúdo

Template de Comidas e bebidas

BiteRush Food Delivery App

A food-delivery app for a restaurant brand: customers browse the menu by course, build a cart, check out and follow their courier on a live map. The courier takes card or cash at the door; nothing is charged in the app.

  • 40 telas
  • iOS e Android
  • Precisa de Supabase
  • Atualizado em 4 de nov. de 2026
  • Versão verificada
  • 5 cópias criadas

Cópia grátis · Código completo · Sem cartão

Telas

6 telas do app em funcionamento.

O que vem incluído

  1. Menu by course with photos, options, ratings and search
  2. Cart with a free-delivery meter, tips and delivery address
  3. Checkout with card or cash at the door, nothing charged in the app
  4. Live order tracking with the courier on a map
  5. Order history, reorder, reviews with photos and cancellation
  6. Supabase accounts, orders and reviews, with sample data until connected

Sobre este modelo

Overview

BiteRush is a React Native food-delivery app for a restaurant or kitchen brand that delivers its own menu. Customers browse dishes by course, open a dish to pick options and add a note, build a cart, check out to a saved address and follow their courier on a live map.

It opens on sample data, so every screen works the moment you fork it: a menu of 21 dishes, an order on its way, past orders, two addresses and a cart a few dollars short of free delivery. Connect your Supabase project under Server and the same screens read your menu, orders and reviews.

Key features

  • Menu by course — Street food, noodles, plates, bakery and coffee, each dish with its own photo, rating, options and a quick add.

  • Dish pages — A full-bleed photo, portion and extras, a kitchen note and one bar with the quantity and the price.

  • Cart and checkout — A free-delivery meter, tip chips, the delivery address on a map and a review step before the order is placed.

  • Card or cash at the door — Customers choose how they settle with the courier; nothing is charged in the app, so there is no card form to secure.

  • Live tracking — The courier, the kitchen and the door on a map with an ETA and the order's four stages.

  • Orders and reviews — Active orders above a history by month, one-tap reorder, reviews with up to three photos and cancellation.

  • Account — Profile, saved addresses, card or cash choice, notification settings, password, help centre and a support chat.

Screens included

Welcome and account

  • Onboarding

  • Welcome

  • Log in

  • Create account

  • Choose a password

  • Reset password

Browse

  • Home

  • Menu

  • Category

  • Dish

  • Search

  • Filter

  • Popular right now

  • Picked for you

  • Offer

  • Saved

Order

  • Cart

  • Checkout

  • Review order

  • Order placed

  • Tracking

  • Orders

  • Order details

  • Leave a review

  • Cancel order

Account and help

  • Account

  • Edit profile

  • Addresses

  • Add or edit an address

  • Card or cash

  • Notifications

  • Notification settings

  • Password

  • Settings

  • Help centre

  • Contact us

  • About

  • Terms of use

  • Privacy policy

Built with

  • Framework — React Native and Expo SDK 57 on the FluxNative base 13 kernel: native iOS and Android, Liquid Glass chrome on iOS.

  • Backend — Supabase for accounts, menu, orders, tips, the card or cash choice and review photos; a migration ships in the supabase folder.

  • Sample mode — With no backend connected, every service answers from realistic sample data kept on the device.

  • Settling up — Card or cash on delivery; no card processor is connected and nothing is charged in the app.

Good fit for

  • Restaurants and kitchens delivering their own menu

  • Cafés and bakeries taking orders for delivery

  • Food brands replacing a menu website with a mobile ordering app

food deliveryreact nativeexposupabasemenuorderingcartauthentication

O que você recebe

  • Código completo: Expo e React Native em TypeScript, como um app no seu espaço de trabalho.
  • Prévia ao vivo: teste cada mudança no navegador ou no celular.
  • Versão verificada: compila e todas as telas abrem sem erros.
  • Assistente de IA: mude o que quiser pelo chat; cada mudança usa créditos.
  • Builds e envio às lojas: builds de iOS e Android, enviados à App Store e ao Google Play pelo Publish.
  • Copiar não gasta créditos: a cópia em si não custa nada.

Feito com a versão atual do FluxNative.

O que você precisa

  • Uma conta FluxNative: o plano Free comporta até 2 apps.
  • Seu próprio Supabase: para os seus dados; até lá o app usa dados de exemplo.
  • Creator ou superior: para builds nativos e envio às lojas.
  • Contas das lojas: Apple Developer Program (US$ 99 por ano) e Google Play (US$ 25 uma vez), para publicar.

O que vem no código

telas
40
arquivos na sua cópia
395
linhas escritas para este app
7.216
componentes de UI prontos
142

Textos do app em inglês e vietnamita

Stack técnica

Expo SDK
57.0.22
React Native
0.86.3
React
19.2.8
TypeScript
6.0.3
Expo Router
57.0.21
Supabase JS
2.112.0

Do package.json desta versão.

Design system

Títulos
Plus Jakarta Sans
Texto
Fonte do sistema
  • Modos claro e escuro
  • Liquid Glass
  • Botões em pílula
  • Cards de mídia

Configuração depois do fork

Sua cópia abre com o assistente de IA que a criou. Siga os passos em ordem: conecte em Server o que um passo pedir e depois envie cada prompt.

  1. Connect your Supabase project

    Add your Supabase project URL and access token under Server › Backend › Supabase first. Until then BiteRush runs on a sample menu and orders kept on the device.

    Prompt para a IA

    Supabase is connected under Server. Create the tables this app reads (menu categories, products and their options, cart items, orders and order items, addresses, profiles, notifications and reviews) with row-level security so each customer sees only their own rows, add the delete_own_account function, apply the migration in supabase/migrations with its review-photos bucket, write the public values into .env, and check that the menu, cart, checkout and order tracking work on my project.

  2. Load your menu

    Prepare your menu with courses, dishes, options, prices and photos. Attach it as a spreadsheet and the photos to the message.

    Prompt para a IA

    Use the attached menu and dish photos: load the courses, dishes, options and prices into my Supabase project with each dish's photo. Set the delivery fee to [your delivery fee], free delivery from [your free-delivery amount] and tax to [your tax rate].

  3. Set your app icon

    Make an AI logo or upload your own icon in App settings. The launcher icon, splash screen and store listing all use it.

    Prompt para a IA

    I set a new app icon in App settings. Match the splash screen background and the Android icon background to its edge colour, so the icon sits on one continuous colour.

  4. Write your copy and legal pages

    Prepare your restaurant's wording, delivery area, support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace before you publish.

    Prompt para a IA

    Replace the sample restaurant wording with mine: [your copy]. Say where you deliver: [your delivery area]. Put my privacy policy and terms into the app's Privacy and Terms screens: [your privacy policy and terms], and set the help and support contact to [your support email or phone].

  5. Check and publish a build

    Order a dish, follow it on the map, review it and reorder on a phone, then build for the stores from Publish.

    Prompt para a IA

    Run a final check of every screen in light and dark mode: onboarding, sign-in, Home, menu and dishes, search and filters, cart, checkout, tracking, orders, reviews, addresses, settings and help. Fix anything broken or still showing template content, then get the app ready for a store build.

Como usar este template

  1. Use o template para ter uma cópia editável, com o código-fonte, no seu espaço de trabalho (Templates).
  2. Peça ao assistente de IA as mudanças que quiser, com suas próprias palavras (Trabalhar com o assistente).
  3. Teste cada mudança na prévia ao vivo ou no seu celular (Prévia).
  4. No Creator ou superior, gere o app para iOS e Android e envie às lojas (Visão geral da publicação).

Licença e suporte

Licença

O app criado para você é seu; o código do modelo continua da InspireUI e é licenciado para uso nos seus apps (Termos › Nossa propriedade intelectual).

Ajuda

  • Guias sobre templates, o assistente e a publicação.
  • Falar com o suporte em Ajuda; respondemos em geral em 1–2 dias úteis.
  • Na sua cópia, pergunte ao assistente de IA sobre qualquer tela ou arquivo.

Feito pelo FluxNative

Política de suporte

Perguntas

É grátis?

Copiar um template grátis não custa nada, nem créditos; um Premium é uma compra única por site. Mudanças pelo chat e builds usam créditos.

O que é meu?

Você é dono do app feito para você. O código do template continua da InspireUI e é licenciado para uso nos seus apps (Terms › Our intellectual property).

Preciso saber programar?

Não. Peça mudanças ao assistente com suas palavras; o código completo está lá quando quiser.

Vem com backend?

Não. Um app completo diz qual backend precisa e você conecta o seu em Server; um design usa dados de exemplo.

Posso mudar o design?

Sim. A aba Design muda cor da marca, cores, fontes e cantos sem gastar créditos; o assistente muda o resto.

Qual plano preciso para publicar?

Creator ou superior faz build e envia às lojas, com suas próprias contas Apple e Google. O app de um template Premium faz build em qualquer plano depois que o site é conectado.

Posso baixar o código?

Sim, com Download source ou Push to GitHub, depois que seu espaço de trabalho comprar um plano, créditos ou um template pago. O app de um template Premium também precisa do site conectado.

E se foi feito com um FluxNative anterior?

Sua cópia funciona como está. Peça ao assistente para atualizá-la com recursos novos, como idiomas e moedas do app; é o último passo da configuração.

Pronto para transformar no seu app?

Comece a partir de BiteRush Food Delivery App e mude o que quiser pelo chat. Sua cópia vem com o código-fonte completo.

Cópia grátis. Sem cartão de crédito.

Taking a little longer than usual…

Loading FluxNative