Aplicação fullstack moderna que simula um restaurante virtual, permitindo que usuários naveguem pelo cardápio, adicionem produtos à sacola e visualizem o resumo da compra em tempo real.
O projeto foi desenvolvido com foco em arquitetura organizada, tipagem forte e experiência do usuário, simulando um sistema real de pedidos online.
🔗 Deploy:
https://go-menu-web.vercel.app
- Listagem dinâmica de produtos
- Adição e remoção de itens da sacola
- Atualização automática do valor total
- Persistência de estado
- Interface moderna e responsiva
- Componentização reutilizável
- Tipagem forte com TypeScript
- Arquitetura fullstack com Next.js
- Separação de responsabilidades
- Componentização escalável
- Gerenciamento de estado
- Integração com banco de dados via ORM
- Boas práticas com TypeScript
- Next.js – Framework fullstack React
- TypeScript – Tipagem estática
- React – Biblioteca para construção da interface
- TailwindCSS – Estilização utilitária
- shadcn/ui – Componentes reutilizáveis
- Prisma – ORM para banco de dados
- Node.js – Ambiente backend
📦 go-menu
┣ 📂 prisma
┣ 📂 src
┃ ┣ 📂 app
┃ ┣ 📂 components
┃ ┣ 📂 services
┃ ┗ 📂 lib
┣ 📜 package.json
┣ 📜 tsconfig.json
┗ 📜 README.mdgit clone https://github.com/ivanrods/go-menu.git
cd go-menunpm installCrie um arquivo .env na raiz do projeto com:
DATABASE_URL="sua_string_de_conexao"Depois execute:
npx prisma migrate devnpm run devAcesse no navegador:
http://localhost:3000
Este projeto foi desenvolvido com foco em:
- Simular um sistema real de pedidos online
- Praticar desenvolvimento fullstack com Next.js
- Aplicar boas práticas de organização e arquitetura
- Criar um projeto robusto para portfólio
- Autenticação de usuários
- Persistência da sacola no banco
- Integração com gateway de pagamento
- Histórico de pedidos
- Painel administrativo
Ivan Rodrigues
Full Stack Developer | React | Next.js | TypeScript | Node.js