Foto de perfil
Ember Burguer - Hamburgueria Artesanal

Projeto

Ember Burguer - Hamburgueria Artesanal

Sistema completo de delivery para hamburgueria, com site público, carrinho, checkout, acompanhamento de pedidos e painel administrativo para gestão da operação.

O projeto simula uma aplicação full-stack real, cobrindo a jornada do cliente desde a escolha dos produtos até o acompanhamento do pedido, além da rotina administrativa da loja.

Next.jsReactTypeScriptAuth.jsTailwind CSSPrismaPostgreSQLMercado Pago

Informações sobre o projeto

Destaques do Projeto
  • Cardápio dinâmico com categorias e produtos.
  • Carrinho com itens personalizados.
  • Checkout com entrega ou retirada.
  • Cupons de desconto.
  • Adicionais e observações por produto.
  • Acompanhamento de pedido por código e WhatsApp.
  • Painel administrativo protegido.
  • Dashboard e Kanban de pedidos.
  • CRUD de produtos, categorias, adicionais, cupons, banners, FAQ e áreas de entrega.
  • Autenticação com Auth.js.
  • Pagamentos em sandbox com Mercado Pago.
  • Webhook para atualização de status de pagamento.
  • Persistência real com Prisma e Neon PostgreSQL.
Stack
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Auth.js
  • Prisma
  • Neon PostgreSQL
  • Zod
  • Mercado Pago
  • Vercel
Arquitetura

O projeto segue uma arquitetura organizada por feature, separando interface, regras de aplicação e acesso aos dados. 

Component
→ Server Action / Route Handler
→ Data Access
→ Prisma
→ Neon

Principais padrões utilizados:

  • _components para componentes específicos de cada feature.
  • _actions para Server Actions.
  • _data-access para operações de banco e integrações server-side.
  • _schemas para validação com Zod.
  • Server Components por padrão, usando Client Components apenas onde há interação.
Diferenciais Técnicos
  • Separação clara de responsabilidades entre UI, ações server-side e persistência.
  • Rotas administrativas protegidas por sessão e role ADMIN.
  • Validação de entradas com Zod.
  • Idempotência na criação de pedidos e pagamentos.
  • Integração com Mercado Pago em ambiente sandbox.
  • Webhook para sincronização de status de pagamento.
  • Persistência real em banco PostgreSQL hospedado na Neon.
  • Layout responsivo para área pública e painel administrativo.
  • Estrutura preparada para manutenção e evolução do produto.
Status

Projeto funcional e publicado, com fluxo público de pedidos, painel administrativo, persistência em banco de dados e integração de pagamentos em ambiente sandbox.

Demo

Aplicação publicada:

https://ember-silk-seven.vercel.app/

https://ember-silk-seven.vercel.app/admin

Login: admin@ember.com
Senha: adminember123