Coffee Delivery - Desafio Ignite

Projeto desenvolvido como desafio da trilha 2022 de React no Bootcamp Ignite da Rocketseat®.

Link para o projeto

Descrição

A proposta do desafio era desenvolver uma aplicação do zero para gerenciar um carrinho de compras de uma cafeteria fictícia, contendo 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

Conceitos aplicados

• Estados
• ContextAPI
• LocalStorage
• Listas e chaves no React
• Propriedades
• Componentização
• Reducers
• Responsividade

Tecnologias utilizadas

• React
• Vite
• Typescript
• React Router DOM
• Styled Components
• React Hook Form
• Immer

Implantação

• Vercel

Layout

Para essa aplicação foi fornecido um layout para seguir e implementar todas as funcionalidades desenhadas no Figma.