Como foi pedido fiz um site responsivo e ousei ao mudar a forma da responsividade para melhorar a experiência do usuário. Utilizei React, Redux para criar a interface e gerenciar os estados respectivamente, simulei um backend para mostrar o processo de consumir uma api, no estilo utilizei styled-components, o Immer foi usado para criar a próxima árvore de estado imutável simplesmente modificando a árvore atual. Como ferramenta debug usei o Reactotron, ele serve como uma timeline para sua aplicação e monitora tudo que acontece nela, sejam logs de console, requisições à API ou até ações no Redux ou Redux Saga. by : Felipe Passos ;)
- ReactJs No FrontEnd para criar interface
- Json-server Para simular uma api rest
- Redux Para gerenciar o estado do aplicativo
- Styled-components estilo
- Reactotron Debug
- Immer Crie o próximo estado imutável alterando o atual
Para executar o projeto é necessário ter instalado o NodeJs e também pode ser usa o Yarn
$ json-server server.json -p 3333 -w
use esse comando para rodar a uma simulação de uma api rest
Instalar as dependencias
$ yarn
ou
$ npm install
Executar o projeto
$ yarn start
ou
$ npm run start
---