samverneck/front-end-challenge

Desafio para candidatos a desenvolvedores front-end do Cubo

< front >Developer</ end > ao CUBO =]

Objetivo deste desafio é avaliarmos o seu domínio em front-end, ou seja, sua organização, estilo e boas práticas com o código, conhecimento dos frameworks e tecnologias utilizadas.

Regras

1. Todo o seu código deve ser disponibilizado num repositório público em seu github ou bitbucket pessoal. Envie o link para [email protected];
2. Desenvolver o front-end utilizando:
   • HTML5 e CSS3 ou SASS;
   • Bootstrap;
   • Layout responsivo;
   • Algum framework SPA (Single Page Application). Sugestão: Angular 2;
3. Submeter o link do seu repositório com o código do desafio até 10 dias após a sua aplicação na vaga pelo site

O Desafio

Este é o layout que deverá ser produzido:

Aqui vai o layout em PSD: Download do arquivo

Dados Variáveis

Para montar a sessão SOBRE NÓS temos três gráficos de pizza na qual os dados devem ser obtidos atráves do método GET da API https://of900lijd5.execute-api.us-east-1.amazonaws.com/v1/front-end/pie-chart

Para montar a sessão DADOS temos uma GRID e um gráfico de pizza na qual os dados devem ser obtidos atráves do método GET da API https://of900lijd5.execute-api.us-east-1.amazonaws.com/v1/front-end/grid-people

Algumas dicas e observações

Obs 1.: Fique a vontade para utilizar qualquer 3rd party, seja para gráficos, testes, etc;

Obs 2.: Abuse das animações, queremos ver seu domínio com CSS3;

Obs 3.: Temos um formulário neste layout, considere que todos os campos são de preenchimento obrigatório e ao submeter o formulário os campos preenchidos devem ser exibidos no console (console.log).

Dicas Angular 2

install angular-cli

1. Para instalar o angular-cli você deve ter instalado antes o Node.js v4 ou superior junto com o NPM 3 ou superior.

2. Instalando o angular-cli

   $ npm install -g angular-cli

3. Faça clone deste repositório e suba o projeto

   Clone:

   $ git clone https://github.com/cubonetwork/front-end-challenge.git

   Instalando as dependências:

   $ npm install

   Subindo o projeto:

   $ ng serve

   Acesse http://localhost:4200/ para visualizar o projeto base

   Rodar testes end-to-end com Protractor:

   $ ng e2e

Dúvidas

Envie suas dúvidas diretamente para [email protected]