Desafio para futuros desenvolvedores da Linx Impulse
ATENÇÃO: Antes de começar, se cadastre na vaga via Recruiterbox =]
Olá! Seja bem vindo ao teste para a vaga de Frontend Developer para o time de Customer Operations da Linx Impulse.
Preparamos um teste que abordará seus conhecimentos em HTML, CSS e Javascript. Você será encaixado na vaga de acordo com seu resultado.
O desafio consiste no desenvolvimento do layout de uma landing page com uma grade de produtos e um formulário de newsletter. Seu principal objetivo é transformar este layout em uma página funcional.
Link do layout: https://xd.adobe.com/spec/4025e242-a495-4594-71d2-5fd89d774b57-3614
Endpoint da API: https://frontend-intern-challenge-api.iurykrieger.now.sh/products?page=1
Você terá que implementar o layout de acordo com esse mock. O mock contém a estrutura do layout e todo o estilo da página.
É importante se ater aos detalhes de tamanho e espaçamento entre os elementos da página, construindo o HTML mais semântico possível utilizando-se das tags do HTML5.
Para preencher a página com as informações dos produtos, você terá que consultar esta API de forma paginada, sendo que cada página consultada retornará as informações de 8 produtos e um link para a próxima página.
Assim que obter os dados, você deverá implementar os seguintes pontos:
Evite usar frameworks (react, vue, angular, bootstrap)
Crie uma estrutura de arquivos organizada para suas implementações
Construa o CSS de forma bem estruturada e em um arquivo separado
Evite poluir o escopo global do Javascript
Documente suas funções e seja o mais conciso possível ao escrever seu código
Seu README.md deve conter as instruções necessárias para qualquer pessoa fazer seu projeto funcionar
Your code will be better understood in English ;)
Commits significativos
Arquitetura e organização do sistema
Conhecimento de responsividade
Modularidade e reusabilidade
Boas práticas de programação
A sua forma de priorizar a entrega também vai ser considerada. Escreva no README.md o que você conseguiu e não conseguiu implementar, descrevendo porque você preferiu priorizar desta maneira.
Em caso de dúvidas, abra uma issue.
Boa sorte =]