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.

com yarn:

yarn install
yarn dev

com npm:

npm install
npm run dev

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)

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 formuário será considerado um diferencial.
• Criação de testes também é um diferencial.

• 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. 😄