Coffee Delivery 🛵

☕ Sobre

Desafio proposto pela Rocketseat durante o bootcamp Ignite. A aplicação é uma Single-Page-Application de uma cafeteria fictícia que faz entrega de cafés. Ela é separada em 3 ações principais: Escolha dos cafés e suas respectivas quantidades, preenchimento do formulário de endereço para entrega, e confirmação do pedido mostrando os dados do mesmo.

🎯 Objetivo

Trabalhar na prática os aprendizados obtidos durante o segundo módulo do bootcamp Ignite da Rocketseat - Criando SPA's (Single Page Application) com React, onde os principais conteúdos foram:

Styled-components, para estilização das páginas utilizando sintaxe Javascript

Reducer, para manipular estados complexos de forma mais organizada

Context, para compartilhar informações entre componenentes e páginas de forma mais direta, eliminando o Prop Drilling

React Hook Form e zod, para manipulação e validação de formulários utilizando componentes controlados

React Router Dom, para configurar as rotas da aplicação

🛠️ Tecnologias e ferramentas/bibliotecas utilizadas

• React
• Typescript
• Styled-Components
• React Hook Form
• zod
• React Router Dom
• immerJS
• React toastify

📌 Funcionalidades a serem implementadas

• Incluir funcionalidade, onde caso a opção de pagamento tenha sido dinheiro, perguntar se há necessidade de troco, e caso necessite, para qual valor, e mostrar este cálculo na página de Confirmação do Pedido - Ok ✔️

🔖 Layout

Você pode visualizar o layout do projeto através deste link: Layout do projeto. É necessário possuir uma conta no Figma para acessá-lo.

Made by Matheus Pazinati 🛸