Sistema UP
Três produtos, um banco só: site público, cardápio/pedidos do cliente e o sistema de caixa da equipe — offline-first.
- Atuação
- Design & Desenvolvimento
- Duração
- 3 meses
- Tecnologias
- Next.js · Supabase · TypeScript

Objetivos
Tirar os pedidos do papel e do WhatsApp para um fluxo único
Dar ao cliente pedido e acompanhamento em tempo real pelo celular
Garantir que o caixa venda mesmo sem internet
O desafio
Arquitetura offline-first: fila local de vendas com sincronização posterior
Tempo real entre cardápio do cliente e caixa da equipe
Três produtos com permissões diferentes sobre o mesmo banco (RLS)
A solução
A Sorveteria UP, em Inconfidentes/MG, anotava pedidos no papel e no WhatsApp. O objetivo era unificar tudo: o cliente pede pelo celular, o pedido cai no caixa, a equipe acompanha a produção e o dono enxerga vendas e estoque.
Construí três produtos sobre um único banco (Supabase/PostgreSQL): a landing pública com SEO, o cardápio digital mobile-first com página por produto e acompanhamento do pedido em tempo real por link, e o Sistema UP — PDV da equipe com venda no balcão, clientes, histórico, estoque e fechamento de caixa.
O requisito mais duro foi a internet do interior: o caixa não pode parar quando o provedor cai. Um Service Worker pré-carrega as telas do caixa, as vendas vão para uma fila local e sincronizam sozinhas quando a rede volta, e as senhas saem de um bloco reservado enquanto havia conexão.
Há ainda modo demonstração sem banco (o app inteiro roda em memória), notificações push, mapa de entrega com Leaflet e exportação para Excel. Está em produção, com mais de 450 commits.
Aprendizados
Offline não é um detalhe: muda a modelagem (ids, senhas e conflitos) desde o início.
Um modo demonstração em memória acelera o desenvolvimento e as apresentações ao cliente.
Desenhar a tela a partir da operação real (balcão, uma mão, fila) vale mais que qualquer template.
Por dentro do projeto




- Next.js
- React
- TypeScript
- Supabase
- PostgreSQL
- Zustand
- Zod
- Tailwind CSS
- PWA
- Service Worker
- Web Push
- Leaflet
- TanStack Table
Gostou do que viu?
Silver Ocean
