👑
🍗 Mobile App · React Native + Expo

Reino das Tirinhas

Autoatendimento digital para uma dark-kitchen gourmet. Cardápio sem login, montagem de combos com regras de negócio, fidelidade medieval e um painel secreto para a cozinha. Telas recriadas fielmente a partir do código-fonte.

React Native Expo TypeScript Supabase / Postgres React Navigation Realtime Design System próprio
9:41📶 🔋
REINO DAS TIRINHAS
Cardápio Real
Tela 01 — Aterrissagem

Splash animada

A logo entra com fade + spring (opacidade e escala convergindo). Enquanto isso, o app verifica a sessão no Supabase em segundo plano e roteia automaticamente.

  • Animação Animated.parallel (timing + spring) com fallback de 5s.
  • Sessão ativa de cliente → Cardápio; funcionário → Dashboard; senão → Login.
  • Fundo creme exato da marca (#f6efdd).
9:41📶 🔋
Cardápio
🌙
📋
⚔️
Cavaleiro
Faltam 7 para o próximo nível
8 / 30 pedidos🛡️ Escudeiro+
🍗 Tirinhas
🚢 Barcas
🍟 Extras
🥤 Bebidas
🍗 Tirinhas Crocantes
🍗
Tirinhas Empanadas - 300g
Ideal para uma pessoa (+2 Molhos Gourmet Inclusos)
R$ 25,00
+ PEDIR
🍗
Tirinhas Empanadas - 500g
Perfeito para dividir (+2 Molhos Gourmet Inclusos)
R$ 40,00
+ PEDIR
🍗
Tirinhas Empanadas - 700g
A porção tamanho Reino (+2 Molhos Gourmet Inclusos)
R$ 55,00
+ PEDIR
🍯 Molhos Premium
Tela 02 — Cardápio

Menu com 4 abas

Lista dinâmica vinda do Postgre/Supabase, organizada em abas Tirinhas, Barcas, Extras e Bebidas, com seções em acordeão. Cardápio liberado sem login — o login só é exigido ao pedir.

  • Banner de fidelidade animado: Escudeiro 🛡️ → Cavaleiro ⚔️ → Barão 🏅 → Rei 👑.
  • Alternância de tema claro / medieval escuro direto no header.
  • Acordeões por categoria (Crocantes, Molhos, Supremo, Latas, 2L…).
9:41📶 🔋
← Voltar
Montar Combinação
🍗
Tirinhas Empanadas - 500g
R$ 40,00
Perfeito para dividir (+2 Molhos Gourmet Inclusos)
Dica do Chef 👨‍🍳
Uma Soda Italiana geladinha combina muito com Tirinhas!
+ ADD
Molhos:
2 selecionado(s) (0 grátis) ✓
🧄
Alho e Limão
✓ Incluso
🥓
Baconese
✓ Incluso
🔥
Defumado
R$ 0,00
🌿
Ervas Finas
+ R$ 3,50 (extra)
🥤 Adicionar Bebida?
📉 Combo Real: - R$ 4,80 (10%)
Total:
R$ 48,00
R$ 43,20
Confirmar Pedido
Tela 03 — Montagem

OrderBuilder · a regra dos molhos

O cliente monta a combinação escolhendo molhos, acompanhamentos e bebidas. A vitrine de molhos aplica a regra de negócio central do app.

🔒 Regra: exatamente 2 molhos especiais liberam o checkout — o 3º vira extra pago e bloqueia até resolver.
  • Contador ao vivo de molhos grátis vs. extras (limite de State).
  • Combo Real: 10% off ao juntar tirinha + batata + bebida.
  • “Dica do Chef” sugere uma Soda Italiana como upsell.
  • Sucesso confirmado com animação Lottie e nº do pedido RT-####.
9:41📶 🔋
← Voltar
Acompanhamento
🍟
Supremo de Batata - M
R$ 22,00
Batata frita coberta com cheddar e bacon crocante
Dica do Chef 👨‍🍳
A Soda Italiana Maracujá fica perfeita com batata! Adicionar?
+ ADD
Molhos (opcional):
🧀
Cheddar Extra
R$ 4,00
🥓
Baconese
R$ 3,50
🔥
Barbecue Defumado
R$ 3,50
🥤 Adicionar Bebida?
🥤 Latas
🥫
Coca-Cola Lata 350ml
R$ 7,00
Total:
R$ 26,00
Confirmar Pedido
Tela 04 — Acompanhamentos

Batatas, Supremo & Crocantonas

Seletor simples de acompanhamentos — Batatas Fritas, Supremo de Batata e Crocantonassem a regra dos 2 molhos. Aqui os molhos são totalmente opcionais e somados ao total quando marcados.

  • Molhos opcionais com preço somado direto no total (sem limite grátis).
  • Bebidas em acordeão (Latas, 500ml, 1L, 2L) abertas sob demanda.
  • “Dica do Chef” sugere uma Soda Italiana como upsell.
9:41📶 🔋
← Voltar
Barca para 5
🚢
Barca para 5
R$ 119,00
700g de tirinhas + acompanhamento + 3 molhos inclusos
Escolha seu Acompanhamento:
Incluso na barca
🫒 Azeitonas Crocantes
🍟 FritaTinhas
Molhos (3 inclusos):
3 selecionados · 0 grátis restantes
🧄
Alho e Limão
✓ Incluso
🥓
Baconese
✓ Incluso
🔥
Defumado
✓ Incluso
🌿
Ervas Finas
+ R$ 3,50
🥤 Adicionar Bebida?
Total:
R$ 122,50
Confirmar Barca
Tela 05 — Barcas

Combos Barca · escolha + molhos

O combo grande mistura um acompanhamento à escolha (Azeitonas Crocantes ou FritaTinhas) com um pacote de molhos. A barca já vem com molhos inclusos e os extras opcionais são cobrados à parte.

🔒 Regra: a barca inclui 3 molhos grátis (4 na Barca para 7); a partir daí cada molho extra entra como pago.
  • Escolha obrigatória de 1 acompanhamento incluso antes do checkout.
  • Contador de molhos inclusos vs. extras com cobrança automática.
  • Bebidas opcionais somadas ao total da barca.
9:41📶 🔋
← Voltar
Bebida
🍓
Soda Italiana Morango
R$ 14,00
Xarope artesanal de morango, água com gás e gelo
💡 Dica da Casa: experimente misturar com Maracujá — morango + maracujá é um dos segredos mais pedidos do Reino! 🍓🌸
Outras Bebidas:
Latas · 500ml · 1L · 2L · Especiais
🥤 Latas
🥫
Coca-Cola Lata 350ml
R$ 7,00
+ PEDIR
🌊 Refri 2L
✨ Especiais
Total:
R$ 14,00
Pedir esta Bebida
Tela 06 — Bebidas

Latas, Refris & Especiais

Seleção direta de bebidas agrupadas em Latas, 500ml, 1L, 2L e Especiais (as Sodas Italianas da casa). Pedido de um toque, sem molhos nem regras.

  • Fluxo enxuto: escolheu, confirmou — vai direto para a cozinha.
  • Dica especial aparece nas Sodas Italianas de Morango.
  • Categorias em acordeão idênticas às do cardápio principal.
9:41📶 🔋
Meus Pedidos
RT-4821 Pronto para Retirada
Itens
• Tirinhas Empanadas - 500g
• Alho e Limão
• Baconese
• Soda Italiana Maracujá
Total: R$ 49,90
RT-4790 Em Preparo
Itens
• Tirinhas Empanadas - 300g
• Defumado
• Ervas Finas
• Batata Frita M
Total: R$ 34,00
RT-4655 Entregue
Itens
• Tirinhas Empanadas - 700g
• Molho Proteico
• Baconese
Total: R$ 55,00
Tela 07 — Acompanhamento

Meus Pedidos

Histórico do cliente com pull-to-refresh. Cada cartão mostra o número do pedido, a lista de itens (via JOIN com produtos) e o status colorido em tempo real.

  • Ciclo de status: Recebido na Cozinha → Em Preparo → Pronto → Entregue.
  • Borda lateral colorida por status (âmbar / azul / verde / marrom).
  • Estado vazio convidando a voltar ao cardápio.
9:41📶 🔋
Tela 08 — Acesso

Login & Cadastro

Autenticação via Supabase Auth com troca animada entre Entrar e Criar Conta. No cadastro o usuário escolhe o papel — Cliente ou Funcionário — que define o destino pós-login.

  • Roteamento por papel: cliente → Cardápio, funcionário → Dashboard.
  • Copy temática (“Acessar o Salão”, “Registrar no Reino”).
  • Passagem secreta em cascata leva ao painel oculto da cozinha.
9:41📶 🔋
Centro de Comando
Chefe da Cozinha 👨‍🍳
☀️
📋 Pedidos
👥 Elite
📊 Métricas
RT-4821 Recebido na Cozinha
👑 Realeza: Mariana C.
Itens Solicitados
• Tirinhas Empanadas - 500g
• Alho e Limão
• Baconese
• Soda Italiana Maracujá
Total Pago: R$ 49,90
Avançar → Em Preparo
RT-4790 Em Preparo
👑 Realeza: Rafael T.
Itens Solicitados
• Tirinhas Empanadas - 300g
• Defumado
• Ervas Finas
Total Pago: R$ 28,50
Avançar → Pronto para Retirada
Tela 09 — Cozinha (oculta)

Dashboard do Chef

Painel acessível só por staff, com o botão de voltar do Android desativado (a pilha é substituída). Mostra os pedidos em tempo real montados a partir de SQL JOINs + GROUP_CONCAT: cliente, número e itens da panela.

  • Aba Pedidos: avança status com um toque (kanban da cozinha).
  • Aba Elite: ranking dos melhores clientes e selos de Rei.
  • Aba Métricas: receita e pedidos do dia em tempo real.
  • Tema medieval escuro #1A1625 com dourado nobre #F0B955.
9:41📶 🔋
Centro de Comando
Chefe da Cozinha 👨‍🍳
☀️
📋 Pedidos
👥 Elite
📊 Métricas
📊 Balanço do Dia
💰
R$ 1.284,50
Receita de Hoje
🛍️
37
Pedidos Totais
ℹ️ Métricas baseadas em pedidos não cancelados.
🏆 Salão dos Melhores
1
Mariana C.
42 pedidos entregues • 1 selo de Rei
🏅
2
Rafael T.
28 pedidos entregues • 0 selo de Rei
3
Júlia M.
19 pedidos entregues • 0 selo de Rei
4
Bruno A.
11 pedidos entregues • 0 selo de Rei
Tela 09 — Cozinha · extras

Métricas & Elite

Ainda dentro do painel da cozinha, duas abas dão a visão de negócio: o Balanço do Dia (receita e volume) e o Salão dos Melhores, que ranqueia a clientela pela fidelidade.

  • Cartões de receita e pedidos do dia, somando só não-cancelados.
  • Pódio dourado (top 3) e selos de Rei por 30 pedidos entregues.
  • Dados de demonstração — nomes e valores fictícios.