☕ Coffee Delivery ☕

Coffee Delivery foi criado para resolução do desafio do curso Ignite (trilha atualizada) da Rocketseat. Essa é uma aplicação completa para uma loja de cafés que vai desde a compra ao carrinho e entrega dos produtos.

Neste projeto foi aplicado diversos conhecimentos visto no módulo como: Context API, layout default, rotas, formulários com React-Hook-Form, hooks (useState e useEffect), além dos fundamentos básicos da ferramenta como a componentização.

O Projeto também foi desenvolvido do total zero, seguindo o layout do Figma, seguindo arrisca todos os parâmetros de cores, tamanho das fontes, espaçamento e estados em que cada elemento possa assumir na aplicação, além de, ter sido incluído alguns elementos a mais a fim de enriquecer o projeto.

• Veja o projeto: Preview

⚙️ Instalação

Instale as dependências necessárias usando:

# npm install
ou
# yarn install
ou
# pnpm install

O servidor estará na porta:
http://localhost:3000/

⚙️ 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 e forma de pagamento;
• Obter o endereço pelo CEP informado e preencher os campos automaticamente;
• Exibir o total de itens no carrinho no Header;
• Exibir o valor total da soma de itens no carrinho multiplicados pelo valor;

🚀 Tecnologias

• React
• Vite
• TypeScript
• Context API;
• React Router Dom;
• React Hook Form;
• Styled-Components
• Zod
• Phosphor Icons

📝 Considerações

Projeto extremamente completo e apesar de parecer simples não foi fácil fazer tudo funcionar perfeitamente, deu para aprender e praticar muita coisa, com certeza fortaleceu bastante o meu aprendizado;