“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