Coffee Delivery

📄 Descrição da Aplicação

Essa aplicaçao foi proposta pela RocketSeat No curso do Ignite. Durante este desafio, utilizamos conceitos um pouco mais avançados desenvolvendo do zero uma aplicação de encomenda de cafés! A aplicação conta com 3 telas sendo a primeira uma tela de apresentação e também de listagem dos cafés disponíveis. Na segunda tela, o usuário precisa preencher um formulário com seus dados de endereço e ao lado direito é possível visualizar os itens do carrinho, podendo alterar a quantidade ou remover o mesmo. Na terceira e última tela, é exibido uma confirmação do pedido e também os detalhes de entrega da compra.

📓 Sobre o desafio

É uma aplicação para gerenciar um carrinho de compras de uma cafeteria fictícia, que contém as seguintes funcionalidades:

Listagem de produtos (cafés) disponíveis para compra
Adicionar uma quantidade específicas de itens no carrinho
Aumentar ou remover a quantidade de itens no carrinho
Formulário para o usuário preencher o seu endereço
Exibir o total de itens no carrinho no Header
Exibir o valor total da soma de itens no carrinho multiplicados pelo valor

Habilidades e Tecnologias 💻

🖥️ Habilidades

Desenvolvimento de aplicações React
Criatividade
Metodologia ágil (Scrum) (Kanban)

🖥️ Tecnologias

Vite
Styled Components
Local Storage
Typescript
Context API
React Router Dom
React Hook Form
Validações de formulário com Zod
Styled Components
CSS3
HTML5

📚 Documentação 📚

🚀 Rodando o projeto

Faça o fork do repositório: Tutorial AQUI
Abra seu terminal e navegue até a pasta onde preferir alocar o projeto.

Clone o repositório:

  git clone git@github.com:JoaoAlberto20/coffeeDelivery.git

Apos ter o repositório clonado em sua maquina, execute este comando para acessar a parta do projeto:
```
  cd coffeeDelivery
```
Dentro da pasta do projeto, execute o comando abaixo para instalar as dependências do projeto:

Caso utilize o npm:
```
  npm install
```
Caso utilize o yarn:
```
  yarn install
```
Dentro da pasta do projeto, execute o comando abaixo para iniciar o servidor do projeto:

Caso utilize o npm:
```
  npm run dev
```
Caso utilize o yarn:
```
  yarn run dev
```
O aplicativo sera executado em modo de desenvolvimento. Abrindo na porta padrão que o React usa: http://localhost:3000/ em seu navegador.