Skip to content

cubonetwork/frontend-challenge

Repository files navigation

< 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 dev@cubo.network;
  2. Desenvolver o projeto utilizando:
    • HTML e CSS (ou algum pré-processador);
    • 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: layout one page

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

    Iniciando o projeto:

    $ npm start

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

    Rodando testes end-to-end com Protractor:

    $ npm run e2e

Dúvidas

Envie suas dúvidas diretamente para dev@cubo.network ou abrindo uma issue

About

Desafio para candidatos a desenvolvedores do Cubo

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •