https://github.com/devgabrielrr/donalds-fullstackweek
https://github.com/devgabrielrr/donalds-fullstackweek
neondb nextjs prisma react tailwindcss
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/devgabrielrr/donalds-fullstackweek
- Owner: DevGabrielrr
- Created: 2025-02-20T21:48:48.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-02-20T23:47:18.000Z (2 months ago)
- Last Synced: 2025-02-21T00:40:38.112Z (2 months ago)
- Topics: neondb, nextjs, prisma, react, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 73.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FullstackWeek-Donalds
### Versão Mobile
O FullstackWeek-Donalds é um sistema de delivery inspirado no McDonald's. Ele permite que os clientes visualizem o cardápio, incluindo preços e descrições dos produtos, e adicionem itens à sacola para realizar pedidos.
Este projeto foi feito a partir de uma imersão do YouTube no canal Felipe Rocha • Full Stack Club, onde em 5 aulas ao vivo foi desenvolvido este incrível projeto da Full Stack Week do Felipe Mota Rocha.
### 🚀 Tecnologias Utilizadas
- Next.js 15.1.6
- React ^19.0.0
- TypeScript ^5
- Prisma ^6.2.1
- Zod ^3.24.2
- @hookform/resolvers ^4.1.2
- Lucide React ^0.475.0
- Tailwind CSS ^3.4.1
- ESLint ^9
- TS-Node ^10.9.2
### 💡 Funcionalidades
- Exibição de cardápio com imagens, descrição e preço dos produtos.
- Possibilidade de adicionar e remover itens da sacola.
- Permite que o cliente adicione quantos itens desejar ao carrinho.
- Opção de excluir itens individualmente ou limpar toda a sacola.
- Exibição do valor total da compra em tempo real.
- Possibilidade de cancelar a compra antes da finalização do pedido.
- Resumo do pedido antes da finalização.
- Layout responsivo e moderno utilizando Tailwind CSS.
- Exibição de cardápio com imagens, descrição e preço dos produtos.
### 📖 Como Executar o Projeto
#### Pré-requisitos
Node.js e npm instalados.
1. Clone o repositório:
```bash
https://github.com/DevGabrielrr/Donalds-fullstackweek.git
```
2. Navegue até o diretório do projeto:
```bash
cd nome-do-repositorio
```
3. Atualize o projeto, Em seu terminal e na pasta do projeto
```bash
npm install
```
4. Rodar o projeto
```bash
npm run dev
```
5. Ao rodar o projeto use
```bash
http://localhost:3000/fsw-donalds
```