Sobre o R7.com
O R7.com é um portal mantido pela Record TV, com quase 9 anos de vida. Possui mais de 50 milhões de visitantes únicos e 200 milhões de pageviews mensalmente e conta coma uma equipe de quase 300 pessoas.
Teste FrontEnd para o R7.com!
Essa teste consiste em entendermos um pouco mais sobre seus conhecimentos com HTML, CSS, JavaScript, Código responsivo, suporte a crossbrowser e lógica.
Orientações
Primeiramente, faça um fork e clone do projeto; Crie uma branch (pode ser com seu nome mesmo) e depois instale as dependências:
npm install
Após isso, rode a aplicação:
npm start
Depois do seu setup você precisará seguir as seguintes instruções, para construir a aplicação:
- Desenvolver a página, que tem o seu layout em a-fazenda.psd.(A única fonte usada foi a Montserrat, disponível no Google Fonts)
- Criar um JavaScript que faça a requisição para /fazenda.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.
- NÃO alterar o arquivo fazenda.json. Em hipótese nenhuma!
- Se for preciso modificar a estrutura e workflow, atualizar o README.
- Não submeta o Pull Request, envie um link do seu repositório para apinto@rederecord.com.br :D
Requisitos obrigatórios
- Escreva o código com ReactJS, BackboneJS ou VanillaJS ;)
- Utilizar um pré-processador CSS de sua preferência.
- Testes e documentação.
- Automação de tarefas. (Gulp? Grunt? Webpack? :D)
- Semântica Web
- Template Engines (underscore, mustache, ou outras de sua preferência)
- Ser fiel ao .psd.
- Suporte para IE11 e multiplataforma (crossbrowser web / mobile - Responsivo).
- Não usar geradores como yeoman, angular-cli, create-react-app, etc..
- Procure manter a estrutura do projeto.
Requisitos extras
- Acessibilidade
- SEO
- Performance
Os dados presentes neste teste são totalmente fictícios.