ROTEIRO TESTE FRONTEND COMPASSO

NÃO FAÇA FORK DESSE REPOSITÓRIO

Bem-vindo ao teste prático para os candidatos ao cargo de frontend na COMPASSO.

OBJETIVO

Nosso objetivo com este passo do processo de recrutamento é conhecer melhor as suas habilidades técnicas.

Com isso, selecionaremos quais desafios passaremos para você e quais precisaremos prepará-lo para melhor para enfrentar.

REQUISITOS DA ENTREGA

Para utilizar os Endpoints abaixo, você precisará estar autenticado, para isso você irá utilizar a autenticação do GITHUB:

• Guia Autenticação: https://docs.github.com/pt/developers/apps/building-oauth-apps

Gostaríamos nos entregasse uma aplicação utilizando a api do GITHUB https://developer.github.com/v3/ consumindo os seguintes endpoints:

• Endpoint user: https://api.github.com/users/NOME_USUARIO
• Endpoint repos: https://api.github.com/users/NOME_USUARIO/repos
• Endpoint starred: https://api.github.com/users/NOME_USUARIO/starred

A aplicação deverá constituir três componentes principais:

• O campo de busca.
• Visualização de resultados.
• Dois botões para executar um determinado resultado.

Ao clicar nos botões de repos e starred, deverá mostrar uma lista simples de cada endpoint apresentado anteriormente.

Dado um determinado usuário, deverá ser possível navegar diretamente até a página de detalhe do usuário sem que seja necessário efetuar uma nova busca. Ex: http://localhost:3000/NOME_USUARIO

• Gostariamos de pesquisar por usuario.
• Gostariamos de ao clicar no botão de repos, listar repositorios do usuario pesquisado.
• Gostariamos de ao clicar no botão de starred, listar os repositorios mais visitados por aquele usuario.

Você poderá usar o framework css Bootstrap para construção dos componentes UI (Se preferir, os componentes poderão ser criados do zero, utilizando as boas práticas).

Você deverá usar o framework React para desenvolvimento da sua aplicação.

Você poderá utilizar Jest para testar os request feitos.

STACK ESPERADA PARA O TESTE

• HTML 5 (Desejavel o uso de SEO, Semãntica, Usabilidade).
• JAVASCRIPT (React.js, Performance).
• CSS 3 (Desejavel o uso de SASS, LESS, Bootstrap, Escalabilidade, Responsivo, BEM CSS).

CENÁRIO

Na página do campo de busca, deverá ser possível inserir nomes de usuários do github, repositórios e os mais visitados pelos os usuários.

AVALIAÇÃO

A avaliação será feita da seguinte forma:

• Vamos analisar e compilar o seu código;
• Rodar sua aplicação e executar testes para validar o atendimento funcional dos itens acima;
• Verificar se o seu código é limpo (Clean Code), fácil de entender e de dar manutenção;
• Durante entrevista, poderemos simular uma revisão do seu código, percorremos o código junto com você para discutirmos sobre suas decisões de implementação, os pontos positivos e negativos;
• O saldo entre o que for positivo e o que for negativo vai determinar a recomendação do ponto de vista técnico ou não de sua contratação. (Se faltar pouco para atingir uma recomendação positiva, daremos um prazo para você corrigir e retornar);

Requisitos Obrigatórios:

• Verificar as boas práticas voltadas ao CSS 3 e a Metodologia BEM CSS;
• Verificar as boas práticas voltadas ao React;
• Verificar as boas práticas voltadas ao HTML 5;

DICAS:

• Tenha em mente que o seu avaliador irá executar o código antes de falar com você;
• Procure fazer uma entrega simples mas consistente, usando a experiência e conhecimento adquiridos durante sua carreira;
• Não se preocupe em entregar algo extremamente completo ou rebuscado, não vamos usar este código em produção;
• Tudo será avaliado, dê o seu melhor!