Teste para candidatos à vagas de Front-End

O objetivo deste desafio é permitir uma melhor avaliação das suas habilidades como candidato à vaga de Front-end, de vários níveis. Este desafio deve ser feito por você em sua casa. Gaste o tempo que você quiser, porém normalmente você não deve precisar de mais do que alguns dias.

Instruções de entrega do desafio

Primeiro, faça um fork deste projeto para sua conta no Github (crie uma se você não possuir). Em seguida, implemente o projeto tal qual descrito abaixo, em seu próprio fork. Por fim, empurre todas as suas alterações para o seu fork no Github e envie um pull request para este repositório original.

Se você já entrou em contato com alguém da Nexaas sobre uma vaga, avise também essa pessoa por email, incluindo no email o seu usuário no Github.

Instruções alternativas de entrega do desafio

Esta alternativa é direcionada aos candidatos(as) que não queiram que a submissão seja pública e/ou não saibam usar o Git

Faça um clone deste repositório. Em seguida, implemente o projeto tal qual descrito abaixo, em seu clone local. Por fim, envie via email um arquivo patch para seu contato na Nexaas.

Caso você não saiba gerar um patch, não tem problema. Comprima o projeto todo em um arquivo .zip e mande por email para seu contato na Nexaas.

Caso não saiba nem usar o Git para clonar o repositório e iniciar o projeto, também não tem problema. Clique no botão "Download ZIP" na barra lateral direita nesta página, baixe o .zip do projeto, modifique-o, comprima novamente em um novo arquivo .zip e mande por email para seu contato na Nexaas.

Descrição do projeto

Nosso desafio consiste em implementar uma aplicação client-side que consulte a API e retorne os dados para serem mostrados no painel. O usuário pode ser capaz de realizar uma busca consumindo os dados da API como mostrado nos layouts fornecidos. A fonte utilizado no projeto é a Roboto, que pode ser facilmente adicionada atravéz do site Google Fonts

Os layouts se encontram na pasta layouts desse repositório.

OBS.: Esta aplicação deve funcionar nos navegadores mais recentes do mercado.

Diretrizes

• Utilize algum pré-processador para o seu css, de preferência SASS. (Se quiser, fique a vontade para usar alguma lib/framework CSS)

• Faça com que sua página tenha uma ótima experiência para o usuário, independente do dispositivo que ele esteja usando.

• Utilize um código limpo e bem organizado, e de preferência, utilize alguma arquitetura modular para organizar seus arquivos CSS/SASS e os assets utilizados.

• Documente seu projeto.

Plus

• Crie testes do seu código JS.

Avaliação

Seu projeto será avaliado de acordo com a qualidade do seu código e sua organização com os arquivos utilizados, além do conhecimento e bom uso da semântica HTML e CSS.