Frontend Developer - Test

Sua objetivo é criar uma listagem de itens e a opção de visualizar detalhes desses itens, onde traria mais informações sobre o item selecionado.

Em um cenário de trabalho este app tem a exibição e o funcionamento integrado com uma API, assim será necessário que utilize uma API que lhe trará os itens a serem listados. O desenvolvimento de uma API não será avaliado neste teste, apenas o desenvolvimento desse mini app React Native, por isso sugerimos que utilize a API pública já existente como:

• JSONPlaceholder: https://jsonplaceholder.typicode.com/
• Guia de como fazer requisições: https://jsonplaceholder.typicode.com/guide/

Temos um layout como sugestão de conceito, porém você está livre para criar essa listagem e definir a UI/UX como quiser, desde que atenda os requisitos listados na seção requisitos:

Apresentação das telas como um todo: Frontend-teste Acesso as especificações e detalhes das telas: Frontend-Figma

E-mail: frontendforleven@gmail.com Senha: front123456

Requisitos

• Fazer uma requisição de GET exibindo uma lista de posts de ao menos 10 objetos
• Fazer uma requisição de GET para exibir comentários do post selecionado da lista anterior

Crie um repositório público no github em uma conta pessoal sua e nos envie o link como resposta no email de seu entrevistador ou caso tenha problemas para localizá-lo envie no career@forleven.com

Bônus

• Fazer um formulário contendo as informações necessárias para fazer uma requisição POST

{
    userId: 1,
    title: 'title ex',
    body: 'body ex',

}

• Fazer uma requisição de PUT ou PATCH para alterar um item da listagem de posts

Informações técnicas

• Utilizar React Native;
• Fazer as requisições necessárias na API https://jsonplaceholder.typicode.com/;
• Atente-se a estrutura de pastas, identação de código e lógica de programação;
• Atente-se a qualidade do código;
• Utilizar TypeScript;
• Utilizar alguma ferramenta de controle de estado (React Context, Redux, Zustand, etc);
• Utilizar regras e padrões de ESLint e/ou Prettier;
• Não avaliamos tempo, então não se sinta pressionado a enviar o mais rápido possível, mas sugerimos que não passe de uma semana;

Quais são os itens que avaliamos ?

• Readme do projeto;
• Uso de boas práticas da linguagem como citado ESLINT e/ou Prettier;
• Componentização e uso do React;
• Coesão nas dependências usadas no package.json;
• Coesão no uso do GIT;
• Estrutura e organização dos arquivos do projeto;
• Atenção com UI/UX como margem, alinhamento, cores, etc.