Desafios Resolvendo Problemas Reais
Neste desafio você encontrará alguns arquivos já prontos, porém eles estão com alguns problemas.
Para ver os arquivos acesse a pasta src
e nela você encontrará as sub-pastas:
- Desafio1
- Desafio2
- Desafio3
- Desafio4
- Desafio5
Dentro de cada pasta você encontrará o arquivo index.tsx
.
Nestes arquivos existem comentários descrevendo o problema e alguns requisitos básicos para considerar o desafio completado.
No projeto, você encontrará alguns testes automatizados que podem ser usados como referência.
Utilize o arquivo src/App.tsx
para alternar entre os componentes e ver ele em funcionamento no navegador.
Rodando Aplicação
com yarn:
yarn install
yarn dev
com npm:
npm install
npm run dev
Rodando Testes
com yarn:
yarn test
com npm:
npm run test
Obs. os testes ficarão ok quando cumprir o desafio, exceto para a parte de refatoramento do desafio 3 (nesse, mesmo quando der ok, ainda precisa ser refatorado pois o teste so cobre o erro)
Criação do template
Utilizando reactjs crie um template com base neste layout no figma.
https://www.figma.com/file/gp0FfLdM5ribteRzpdMkWK/Untitled-(Copy)?node-id=0%3A1
Não é necessário a criação de apis reais, utilize mock caso necessário.
Critérios de aceite:
- Precisa ter navegação entre as telas.
Diferenciais:
- Validação do formulário será considerado um diferencial.
- Criação de testes também é um diferencial.
Orientações gerais
- Crie um repositório para o desafio "Resolvendo Problemas Reais".
- Crie um outro repositório para a criação do template.
- Comites estruturados serão considerados um diferencial.
- Ao finalizar os desafios, envie um e-mail com os links dos repositórios.
- Fiquei tranquilo, não é obrigatório concluir 100% do desafio, isso não irá desclassifica-lo, o desafio foi pensado apenas para entendermos o seu nível de código 😁
- Caso aconteça algum imprevisto que atrase sua entrega fique a vontade de nos reportar por e-mail 😉
- Caso tenha qualquer dúvida fique a vontade para entrar em contato e tirar todas elas. 😄