Este desafio tem como objetivo avaliar as habilidades técnicas do canditado a vaga de desenvolvedor frontend no Clubpetro.
O desafio consiste em desenvolver um sistema que permita o CRUD de lugares para se conhecer ao redor do mundo. Como na imagem a seguir:
O Sistema deverá conter um formulário com 3 campos:
- País: um select contendo a lista de todos os países existentes;
- Local: um input para que o usuário digite o local que ele deseja conhecer no país selecionado;
- Meta: um input para que o usuário digite a o mês e o ano que ele pretende visitar o local em questão.
Quando o usuário clicar em "Adicionar", o formulário deverá ser resetado e o local deverá aparecer na listagem dos cards, como mostrado na imagem acima.
Requisitos que serão avaliados no desafio.
- O Sistema deverá ser desenvolvido em typescript utilizando a biblioteca React;
- O Layout apresentado na imagem acima deverá ser fielmente seguido e pode ser encontrado no Figma;
- O CRUD poderá ser gerenciado pelo estado no React;
- Apenas o Local e Meta poderão ser editados e a edição do card deverá ser feita de acordo com a criatividade do canditado, não tendo um layout específico para esta ação;
- O Sistema deverá ser desenvolvido utilizando React Hooks;
- O Sistema deverá ser integrado à API Rest Countries para a listagem dos países. Esta conta com a imagem da bandeira e a tradução do nome do país para Português;
- A biblioteca react-input-mask deverá ser utilizada para colocar uma mascara no input de "Meta" no formato mm/aaaa;
- O Sistema deverá ser responsivo;
- O candidato deverá adicionar ao projeto uma explicação de como executar a aplicação.
Requisitos que não são obrigatórios mas podem te deixar em vantagem com relação aos outros candidatos.
- Material-UI;
- Styled Components;
- Testes automatizados;
- Utilização da biblioteca json-server para o CRUD.
- O canditado deverá realizar um fork deste repositório e submeter o código no mesmo;
- O prazo de entrega para este desafio é de 2 (duas) semanas, contando a partir do dia em que o candidato recebeu o email com o link do repositório;
- Ao finalizar o desafio, o candidato deverá enviar um email para jobs@clubpetro.com.br contendo o link do seu PR.