Três operações no mesmo pedido
Cliente, loja e entregador precisavam compartilhar o estado do pedido sem permitir valores, etapas ou pagamentos definidos pela interface.
CLIENTE / ENTREGADOR / GESTÃOLB
LB
iFood.
Desenvolvi o LB iFood para um servidor de roleplay no FiveM. O sistema reproduz a experiência de um aplicativo de delivery, conectando lojas, compradores e entregadores em todo o fluxo, do pedido à entrega.
FiveMLuaMySQLReactTypeScript
Abrir demonstração 01 / Case técnicoProblema, objetivo
Problema, objetivo
e implementação.
Conectar descoberta, compra e entrega
Criar uma experiência de delivery completa, com catálogo, checkout, preparo, despacho, coleta, acompanhamento e conclusão.
Fluxos, regras e persistência
Desenvolvi as interfaces React/TypeScript, a integração NUI, os módulos Lua de client e servidor e a evolução do schema SQL.
O que o sistema entrega.
- Catálogo e descoberta de lojas
- Checkout e cupons
- Gestão de loja e equipe
- Ofertas para entregadores
- Acompanhamento por etapas
- Histórico de pedidos
Como os riscos foram tratados.
O servidor busca catálogo e preços persistidos, calcula os valores em centavos e valida inventário antes de confirmar a compra.
A aceitação usa atualização condicional no banco para impedir que dois entregadores assumam o mesmo pedido.
Itens, preços e destino são copiados para o pedido, mantendo o registro consistente mesmo depois de alterações no catálogo.
02 / Preview do projetoUm pedido visto
Um pedido visto
pelos dois lados.
O cliente encontra a loja e acompanha o pedido. Em paralelo, o entregador recebe ofertas, assume a corrida e percorre as etapas de coleta e entrega.
ClienteDescobre, compra e acompanha
EntregadorRecebe, aceita e conclui
03 / Arquitetura & implementaçãoDa tela do telefone
Da tela do telefone
às regras do pedido.
A solução combina interface, contexto do FiveM, processamento no servidor e persistência relacional. Selecione uma camada para ver os detalhes.
→
→
→
01 / Experiências por papel
React / TypeScript
A interface separa consumidor, entregador e equipe da loja em fluxos próprios. Contratos TypeScript por domínio e serviços NUI isolam telas, payloads e transições sem duplicar as regras de comunicação.
- Serviços dedicados a checkout, pedidos, histórico, loja e entregas
- Tipos próprios para catálogo, equipe, courier e estados do aplicativo
- Atualizações de pedido aplicadas sem reiniciar a navegação ativa
- Perfis
- 3 jornadas conectadas
- Contratos
- Tipos por domínio
- Transporte
- Serviços NUI
CSSReact 19TypeScriptVite