🍔 Self Checkout - Fast Food (Estilo Mc Donald's)

Projeto desenvolvido na Full Stack Club, simulando um terminal de autoatendimento em uma lanchonete, com integração real de pagamento via Stripe.

A ideia é oferecer uma experiência fluida onde o cliente monta seu pedido, paga diretamente pelo sistema e acompanha o status do pedido em tempo real.

---

✔️ Preview

Projeto Self Checkout

---

🚀 Tecnologias Utilizadas

• Next.js 14 (App Router)
• React
• TypeScript
• Tailwind CSS
• Prisma ORM + SQLite
• Zod + React Hook Form
• Auth.js
• Shadcn UI
• Stripe (Checkout + Webhooks)

---

⚙️ Funcionalidades

• ✅ Montagem do pedido por categorias
• ✅ Autenticação de usuário
• ✅ Integração com Stripe Checkout
• ✅ Webhook para confirmação e status de pedidos
• ✅ Painel administrativo para ver pedidos em tempo real
• ✅ UI moderna, responsiva e intuitiva

---

🧠 O que aprendi

• Utilização de server actions do Next.js
• Gerenciamento de formularios complexos com validação usando Zod
• Implementação de webhooks do Stripe
• Boas práticas com componentes reutilizáveis (Shadcn)
• Gerenciamento de estado e sincronização de dados em tempo real
• Organização de um projeto full stack moderno do zero

---