acamilass / frontend-test-1

Sobre a Matchbox Brasil

A Matchbox nasceu para revolucionar a forma como empresas e jovens se conectam e se relacionam. Conheça: http://matchboxbrasil.com

Teste FrontEnd para a Matchbox Brasil!

Essa teste consiste em entendermos um pouco mais sobre seus conhecimentos com HTML, CSS, JavaScript, Código responsivo, suporte a crossbrowser e lógica.

Desafio deve ser feito preferencialmente em Vue.js, Angular ou React

Criar uma single-page application para consultar em JavaScript que faça a requisição para /matchboxbrasil.json

O teste serve para conhecermos a sua forma de pensar, resolver problemas e seu estilo de código.

Orientações

Primeiramente, faça um fork e clone do projeto;

Crie uma branch (pode ser com seu nome mesmo)

Depois do seu setup você precisará seguir as seguintes instruções, para construir a aplicação:

1. Desenvolver a página, que tem o seu layout em matchboxbrasil-teste-front.psd.(A única fonte usada foi a Montserrat, disponível no Google Fonts)
2. Criar um JavaScript que faça a requisição para /matchboxbrasil.json

• Apresentar os dados requisitados pelo layout.
• Calcular a porcentagem de "positives" e "negatives".
• Ordernar os items do json a partir da porcentagem calculada acima.

3. NÃO alterar o arquivo matchboxbrasil.json. Em hipótese nenhuma!
4. Se for preciso modificar a estrutura e workflow, atualizar o README.
5. Não submeta o Pull Request, envie um link do seu repositório para [email protected] com o assunto "teste de front-end" :D

Requisitos obrigatórios

1. Utilizar um pré-processador CSS de sua preferência.
2. Automação de tarefas. (Gulp? Grunt? Webpack? :D)
3. Semântica Web
4. Ser fiel ao .psd / .json.
5. Procure manter a estrutura do projeto.

Bônus

• Acessibilidade
• SEO
• Performance
• Testes unitários

Submissão

Compacte o projeto em um arquivo .zip e envie para [email protected].

Iremos instalar e executar quaisquer dependências necessárias, então certifique-se de colocar todos os arquivos necessários e as devidas instruções.

Dúvidas?

Em caso de dúvidas, envie e-mail para [email protected]

Obrigado!

Agradecemos sua participação no teste. Boa sorte! :)