Essa aplicação foi feita com o objetivo de praticar os conhecimentos de ReactJS e seu ecossistema, o desafio foi selecionado do repositório frontend-challenges do Felipe Fialho.
O projeto consiste em uma site de catálogo para alguns produtos da AMARO que foram disponibilizados em um json.
Inicialmente todos os produtos são mostrados, contendo:
- Imagem
- Nome
- Preço
- Se está em promoção (porcentagem, antigo valor e valor atual)
- Tamanhos disponíveis
- Selo para mostrar se está à venda.
É possível adicionar produto por tamanho no carrinho (somente produtos à venda, e tamanhos disponíveis) .
Além de mostrar os itens, há opção (checkbox) de mostrar apenas os produtos à venda, como também de procurar algum item pelo nome na barra de pesquisa.
- É possível visualizar todos os items adicionados no carrinho, sendo mostrado nome, imagem, preço e quantidade
- Pode incrementar e/ou diminuir a quantidade do item
- É possível excluir o item
- Exibição do valor total
- Os items do carrinho são persistidos mesmo com reloads.
- Deploy na vercel: https://amaro-front-challenge.vercel.app/
amaro.mp4
- ReactJS
- Typescript
- Sass (SCSS)
- React Router
- Redux
- Redux Toolkit
- Redux Persist
- Clonar repositório (git clone https://github.com/dedecanton/amaro-front-challenge)
- Entrar na pasta do projeto
- Instalar as dependências ( rodar yarn no terminal do projeto )
- Para rodar em ambiente de desenvolvimento, rode o script yarn start
- Para fazer build da aplicação, rode o script yarn build