McDonald's Self Checkout
Aplicação full-stack simulando um terminal de pedidos em restaurantes fast-food, com layout responsivo, interação fluida e gerenciamento completo do pedido. Interface construída com Radix UI e Tailwind, formulários validados com Zod e integração com Prisma para persistência dos dados.

Aplicação full-stack simulando um terminal de pedidos em restaurantes fast-food, com layout responsivo, interação fluida e gerenciamento completo do pedido. Interface construída com Radix UI e Tailwind, formulários validados com Zod e integração com Prisma para persistência dos dados.
Desafios
- Desenvolver uma interface rápida, fluida e responsiva para autoatendimento
- Organizar produtos e categorias de forma escalável
- Garantir validações robustas e feedbacks imediatos ao usuário
- Simular pedidos reais com gerenciamento de estado e banco de dados
Soluções
- Uso de React Context para controle global de pedidos
- Formulários com React Hook Form e validação com Zod
- Design adaptado para telas touchscreen com Radix UI e TailwindCSS
- Banco de dados gerenciado com Prisma ORM
Ano
2024
Categoria
Full Stack
Tecnologias
React, Next.js, TypeScript e mais
Screenshots


