Coffee Delivery

Tópicos

🔹 Descrição do projeto

🔹 Funcionalidades

🔹 Deploy da Aplicação

🔹 Screenshots

🔹 Como rodar a aplicação

🔹 Dados

🔹 Linguagens, dependencias e libs utilizadas

---

📝 Descrição do projeto

O projeto Coffee Delivery simula um site de delivery de cafés, onde o usuário pode explorar uma variedade de opções e gerenciar seu pedido. Com foco na experiência de compra, o usuário consegue adicionar e remover cafés do carrinho, ajustar a quantidade dos itens e preencher automaticamente os dados de entrega ao informar o CEP, utilizando a API ViaCEP para facilitar o preenchimento de endereço.

---

📚 Funcionalidades

✔️ Adicionar produto: o usuário pode adicionar o café no carrinho;

✔️ Excluir produto: o usuário pode excluir o café do carrinho;

✔️ Incremento/Decremento: o usuário pode aumentar/diminuir a quantidade do(s) café(s) do carrinho;

✔️ Dados Endereço: o usuário ao digitar o CEP válido, os dados subsequentes são preenchidos.

---

⭕Deploy da Aplicação

Link do deploy da aplicação https://coffee-delivery-lilac-eight.vercel.app/

---

🎨Screenshots

---

▶️ Como rodar a aplicação

Clone o projeto em sua máquina:

git clone https://github.com/claudiomss/CoffeeDelivery.git

Instale as dependências:

npm i

Iniciar aplicação:

npm run dev

---

💾 Dados

Foram utilizados dados estáticos, podem ser localizados em src/data/products.js

Coffees:

id	imagem	type	title	subTitle	price
1	coffee01	tradicional	Expresso Tradicional	O tradicional café feito com água quente e grãos moídos	9.9

---

🔧Linguagens, dependencias e libs utilizadas

• HTML
• CSS
• Javascript
• Vite
• React
• Phosphor-react
• React-hook-form
• Redux
• Redux-logger
• Styled-components
• API ViaCEP

Voltar para o topo