“Não espere resultados brilhantes se suas metas não forem claras”!
Sobre o app | Resultado | Ferramentas | Como rodar |
Aplicação feita utilizando ReactJS, Redux e Redux Saga como principais ferramentas, e consiste em uma página de e-commerce de tênis. O Redux e o Redux Saga foram utilizados para manter um acesso global ao estado da aplicação, para que o estado possa ser acessado e/ou manipulado tanto pela página principal da aplicação, quanto no header e na página de carrinho. Além disso, a aplicação consome uma API fake, apenas para popula-lá com dados reais.
- React-router-dom: biblioteca para fazer o roteamento da aplicação;
- Styled-components: biblioteca para fazer a estilização da aplicação;
- React-icons: biblioteca que disponibiliza ícones;
- Axios: para consumir uma API externa;
- Redux: para utilizar um 'estado global' na aplicação;
- Reactotron-redux: para fazer o debug da aplicação de forma integrada com o redux;
- Immer: ferramenta que lida com objetos e arrays imutáveis dentro do react ou qualquer aplicação js;
- Redux-saga: biblioteca para realizar chamadas com efeitos colaterais, ou seja, chamadas a API, banco de dados, etc, ao disparar uma action do redux;
- Reactotron-redux-saga: plugin para fazer uma integração do saga com o reactotron (para monitoriar de uma forma mais eficiente nossa aplicação);
- React-toastify: para envio de mensgens de erro para o usuário da aplicação;
- History: biblioteca javascript que serve para controlar a parte de history API do navegador
Com o yarn instalado no computador, baixe ou clone o repositório e no terminal rode:
$ yarn
Em seguida, para rodar a API fake:
$ yarn json-server server.json -p 3333
E por fim, em um outro terminal (deixe a API rodando):
$ yarn start