O desafio consiste em criar componentes de acordo com especificações de um design system, aplicando no CSS um tema pré-definido com tokens de cor, espaçamento, entre outros. Com os componentes criados, a aplicação deve ser capaz de bater em um endpoint e imprimir na tela os dados obtidos como resultado. Deve haver um campo para que o usuário filtre os dados de acordo com o que procura.
O desafio deve ser feito obrigatoriamente em React. Para o CSS, não há uma definição, podendo ser de escolha da pessoa realizadora. Outras bibliotecas também podem ser usadas caso haja necessidade.
A aplicação deve iniciar em uma página com um botão para baixar os dados do endpoint e mostrá-los em tela através da Tabela. O usuário deve ser capaz de filtrar por email, fazendo com que a tabela mostre apenas o item que contenha o que foi inserido no Input.
- Utilizar os tokens fornecidos.
- Criar todos os componentes do handoff, com as respectivas variações.
- Imprimir os dados do endpoint usando o componente Tabela.
- Documentação para rodar o projeto.
Ao finalizar seu teste nos envie um pull request.