Code Monkey home page Code Monkey logo

fullstack-challenge's Introduction

{ "developer": "fullstack" } ao CUBO \o/

Objetivo deste desafio é avaliarmos o seu domínio em desenvolvimento fullstack, ou seja, sua organização, estilo e boas práticas com o código, criação de APIs Restfull, conhecimento dos frameworks e tecnologias utilizadas.

Regras

  1. Todo o seu código deve ser disponibilizado num repositório público ou privado em seu github ou bitbucket pessoal. Envie o link para [email protected] ou faça um pull-request deste repositório;  
  2. Desenvolver o projeto utilizando:
    • HTML e CSS (ou algum pré-processador);
    • Algum framework SPA (Single Page Application). Sugestão: Angular 2;
    • APIs em Node.js;
  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

Aqui vai o layout em PSD: Download do arquivo

APIs

Percebam que no layout acima temos um formulário, uma tabela com informações de percentual de participação de cada pessoa e um grafico de pizza que representa esta distribuição, ou seja, precisamos de API que envie e receba essas infos pro server.

POST /employees

Você deve desenvolver esta API que espera por este recurso "employee" (funcionário) para cadastro.

Não se preocupe com métodos de autênticação, validação, token para esta API, mas ficaremos felizes se você desenvolver testes pra ela =)

GET /employees

Você deve desenvolver esta API que retorna o JSON com a lista de "employees" (funcionários) com suas devidas participações.

Algumas dicas e observações

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

Obs 2.: Considere que todos os campos são de preenchimento obrigatório no formulário.

Obs 3.: Considere validar os campos também na API e em caso de inconsistência retornar erro num JSON estruturado com código HTTP 400

Dicas Angular 2

Deixamos pronto aqui neste repositório um projeto "blueprint blank" em Angular 2 pra você não sair do zero ;)

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/fullstack-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 [email protected] ou abrindo uma issue

fullstack-challenge's People

Contributors

felipefialho avatar

Stargazers

Everton Castro avatar

Watchers

James Cloos avatar Dan Vitoriano avatar

Forkers

evertoncastro

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.