Teste para candidatos à vaga de Front-End

Instruções:

1. Faça um fork deste repositório;
2. Implemente o HTML, CSS e JS da tela com base no layout disponível;
3. Após terminar seu teste submeta um pull request e aguarde seu feedback.

Pré-requisitos:

• Filtrar a listagem de produtos pelo nome do produto;

• Criar um passo a passo de como rodar sua aplicação - Sugestão;

• Utilizar ECMAScript 6+;

• Importante: Usamos o mesmo teste para todos os níveis de front: junior, pleno ou senior, mas procuramos adequar nossa exigência na avaliação com cada um desses níveis sem, por exemplo, exigir excelência de quem está começando :-)

Ganhe pontos extras por:

• Utilizar React;
• Utilize a api https://ed87c2a9-bcc4-4e0c-8fd2-fefb9875b65b.mock.pstmn.io/getStockConsolidation para obter o estado inicial da tela;
• Testes unitários;
• Desenvolver HTML semântico;
• Componentizar sua interface;
• Utilizar Webpack;
• Utilizar styled-components;

Material:

• O layout em formato Adobe XD consta no repositório em /material;
• Imagens e Ícones devem ser exportados do Adobe XD (Aalho: CTRL + E / CMD + E)

Submissão

Para iniciar o teste, faça um fork deste repositório, crie uma branch com o seu nome e depois envie-nos o pull request. Se você apenas clonar o repositório não vai conseguir fazer push e depois vai ser mais complicado fazer o pull request.

Sucesso!