O aplicativo do desafio trata-se de um coffee delivery, onde o cliente pode receber seu café fresquinho em casa, conforme telas abaixo.
Nesse desafio, foi necessario implementar:
- 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
Tudo isso segundo o layout do figma que foi fornecido pela rocketseat.
Foi preciso rever conceitos como:
- Estados
- ContextAPI
- LocalStorage
- Imutabilidade do estado
- Listas e chaves no ReactJS
- Propriedades
- Componentização
Tecs utilizadas:
- React
- React router dom
- Typescript
- Phosphor icons (React)
- Toastfy
- Styled Components
- Eslint