O desafio é criar um aplicativo para visualização e criação dos navers, possuindo informações como: nome, idade, cargo, tempo de empresa e projetos que participou.
O uso de react native é essencial para o teste, pois, é a ferramenta que usamos para o desenvolvimento de apps na empresa. O uso de expo ou da CLI do react native para inicializar o projeto, vai da preferência de quem está realizando o teste.
Use as telas do figma para se guiar no desenvolvimento. O código de estilização não será tão importante quanto o javascript, mas esperamos que o layout fique de acordo com as telas. Uma dica nossa é usar styled-components para a estilização, mas sinta-se a vontade para usar qualquer solução para estilos no react native.
Para as funcionalidades da aplicação, faça integração com a api. Recomendamos o uso do axios para realizar as chamadas http. URL da api: https://navedex-api.herokuapp.com/v1/
A documentação da API oficial do teste pode ser utilizada com o postman importando esse link. Todos os parâmetros para cada rota estão documentados nessa URL, então a utilize como base para montar o app.
Após importar o link no postman, você deve criar um cadastro utilizando a request de user/signup.
O app deverá possuir um fluxo de autenticação, onde o usuário só pode acessar as telas internas (listagem, formulários) passando pela tela de login com as credenciais criadas previamente via Postman.
Para realizar o login, você deve usar a request de user/login disponível no postman. Essa request retornará um token do tipo Bearer que deverá ser utilizado no header das próximas requisições.
A página inicial do app terá uma lista dos navers.
Para listar os navers, você deve usar a request de navers/index disponível no postman.
Ao clicar em algum naver da listagem, o usuário terá uma visualização completa das informações do mesmo.
Para apresentar um único naver, você deve usar a request de navers/show disponível no postman.
Para excluir um naver, você deve usar a request de navers/delete disponível no postman.
O usuário precisa ter a possibilidade de criar um novo naver ou editar um já existente.
Para criar um naver, você deve usar a request de navers/create disponível no postman.
Para editar um naver, você deve usar a request de navers/update disponível no postman.
Para fazer a navegação entre rotas, utilize o react-navigation. Ele também fornece um componente de drawer, que faz parte do layout que está no figma.
Para fazer os alertas de sucesso/confirmação/erro, pode utilizar o componente de modal do react native.
Ao finalizar o teste, envie o link do seu repositório por e-mail para [email protected].
Se durante o processo de desenvolvimento não conseguiu fazer algo, explique qual o impedimento que encontrou e como tentou resolver em uma seção Dificuldades do seu README e nos envie até onde chegou. 😄