Coffee Delivery

Deploy: https://coffee-delivery.pages.dev/

Figma: https://www.figma.com/file/5yT9ZzZmRQRS4yivGGB3pl/Coffee-Delivery/duplicate

Dentre as funcionalidades, temos:

• Listagem de produtos (cafés) disponíveis para compra
• Filtragem da lista de produtos (cafés)
• Adicionar uma quantidade específicas de itens no carrinho
• Listar os itens adicionados 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 a localização do usuário no Header
• Exibir o valor total da soma de itens no carrinho multiplicados pelo valor
• Exibir página de sucesso quando o pedido for concluído

Alguns dos conceitos trabalhados:

• Estados
• Reducers
• ContextAPI
• LocalStorage
• Imutabilidade do estado
• Listas e chaves no ReactJS
• Propriedades
• Componentização
• Consumo de API
• Promises

Bibliotecas utilizadas:

• styled-components
• react-router-dom
• react-hook-form
• react-dom
• react
• immer
• zod
• @phosphor-icons/react
• @hookform/resolvers