cigr2021/lupyx-junior-test

PokeLister J1 - Junior Dev Test #1 Rev 0.3

Introdução

A ideia do app é montar uma tabela com os primeiros 150 pokémons usando ReactJS e a PokeAPI.

O candidato pode dar fork nesse repositório para usar como base em um repositório privado (IMPORTANTE SER PRIVADO) ou fazer um repositório no GitHub novo com ReactJS (sugestão: usar create-react-app como boostrap caso não queira dar fork aqui)

A interface entre o client-side (browser) e a PokéAPI pode ser feita da forma que preferir.

Leia com atenção todo o arquivo, em especial a seção de Dicas.

É permitido o uso de qualquer library para qualquer fim.

Requisitos obrigatórios:

• Usar ReactJS em todos os componentes, nenhum arquivo html é permitido
• Uma tabela renderizada via JSX que contenha o nome dos primeiros 150 pokémons, um em cada row (1: bulbassaur, 150: Mewtwo), essa tabela deve ser populada de acordo com a resposta da PokéAPI.

Requisitos opcionais -- bonus points (em ordem de valor dos pontos):

• Estilizar (à sua preferencia!) a tabela usando CSS (com ou sem lib, tudo pode, incluindo material-ui e bootstrap)
• Usar React Hooks na chamada à API, separando a lógica em um hook
• Utilizar React Functional Components
• Mostrar um sprite (imagem) para cada pokémon, também dinamicamente vindo da PokéAPI (dica: procurar por "forms" na response)
• Adicionar paginação e sorting na tabela

Dicas:

A PokéAPI é simples de trabalhar e não necessita de nenhum tipo de autenticação para ser utilizada.

Existem vários tipos de requisições HTTP, mas para esse teste, apenas GET é necessário.

É normal surgirem dúvidas no decorrer do teste, e ai vai a dica de ouro de todo programador, o google é seu melhor amigo! Procure pela dúvida, em ingles, no google, e certamente você achará a resposta.

Todo tipo de consulta é permitida e encorajada, a ideia do teste é ser o mais parecido possivel com uma task convencional.

Rodando o código

npm start

Acesso pelo browser:http://localhost:3000/

Links Úteis:

API: https://pokeapi.co/

Doc API: https://pokeapi.co/docs/v2

Create React APP: https://create-react-app.dev/

Material UI (bonus 1): https://mui.com/pt/

Google :) https://www.google.com

Considerações Finais:

O teste é super "aberto" para fazer como preferir, a ideia é não engessar e "obrigar" o dev a fazer de alguma maneira obrigatória.

Caso não consiga completar o desafio inteiro, fique a vontade para enviar o que conseguiu, não há problema nenhum!

E por fim, have fun! Esperamos que seja um teste divertido e que agregue conhecimento, independente do resultado.

Peace.