Selecione uma categoria e veja de forma randômica piadas sobre o Chuck Norris.
Clique em Chuck "Joke" Norris para acessar o projeto hospedado.
O projeto foi construído com as seguintes tecnologioas:
- React - É o core da aplicação;
- Redux - Para gerenciamento de estado;
- Webpack - Para gerenciamento de modulos e dependências de desenvolvimento web;
- Atomic Design - Para estruturação de componentes
- Styled Components - Para estilização de componentes
- Jest and Enzyme - Para testar a aplicação
- Storybook - Para gerenciar biblioteca de compomentes
- Ducks Pattern - Para estruturação do Redux
- Eslint, Prettier, Stylelint, Airbnb React/JSX Style Guide - Para padronização de código
Rode o comando yarn ou npm install para instalar as dependências do projeto.
Use os comandos abaixo para rodar o projeto.
| command | description |
|---|---|
yarn start ou npm run start |
Abre o servidor na porta localhost:4000 |
yarn buld:dev ou npm run build:dev |
Gera build com arquivos em modo de desenvolvimento |
yar build:prod ou npm run build:prod |
Gera build para produção com arquivos minificatos e otimizados |
O Storybook é uma biblioteca dos componentes que podem ser usados para o desenvolvimento.
| command | description |
|---|---|
yarn storybook ou npm run storybook |
Abre o servidor na porta localhost:9001 |
Os testes são realizados com Jest e Enzime e podem ser realizados da seguinte forma:
| command | description |
|---|---|
yarn test ou npm run test |
Rodas os testes configurados |
yarn test:watch ou npm run test:watch |
Rodas os testes em modo assistido |