GithubHelp home page GithubHelp logo

teste-fullstack-developer-i's Introduction

Teste I - Fullstack Development

Um pouco sobre nós

Estamos procurando uma pessoa desenvolvedora que possa agregar em nosso time, principalmente quem gosta de propor soluções e inovações. Estamos montando nosso novo time de Produtos e pra isso precisamos de pessoas que conheçam:

  • Front-end: Angular, React ou VueJS ♥️
  • Backend: NodeJS
  • Banco de Dados: SQL / Um pouco de NoSQL
  • GIT
  • Ter trabalhado antes em equipes ágeis e multidisciplinares

Mas também será ótimo se você conhecer:

  • Docker e Docker-compose
  • Jenkins
  • RabbitMQ

Acha que se enquadra no perfil? Temos um teste abaixo para entendermos mais seu conhecimento.

Problema

Um cliente deseja ver um relatório de como estão os prazos de atendimento de sua operação. Pensando nisso, elaboramos um relatório em forma de mapa de calor que consiga demonstrar de forma visual. Além disso, os detalhes são cruciais para uma tomada de decisão, portanto ao clicar em cada célula deve vir os detalhes, exceto na linha totalizadora

As colunas se referem ao campo SLA dentro do atributo DRILLDOWN

Histograma

Consultando a API abaixo, desenvolva no front-end um painel similar ao do protótipo. Aceitamos inovação, então pode inovar sem problemas 😉

Efeitos de CSS:

  • Ao passar o mouse por cima da célula das Tarefas, preencher da esquerda para a direita com a cor: #3fc3a2
  • Paleta de cores das colunas de D0 a D3: #f96585 #f98585 #f9a385
  • Cursor pointer dentro das células que são possíveis clicar
  • Efeito de opacidade dentro de uma célula quando o mouse passar por cima

API para ter os dados : GET https://ico-fullstack-test.herokuapp.com/v1/histograma

Tecnologias que esperamos:

Front:

  • Algum framework JS (Angular, React, Vue ♥️)
  • Pré-processador de estilo (SASS, Stylus, SCSS, etc)

Back:

  • NodeJS para consultar a API

Submissão

Para iniciar o teste, faça um fork deste repositório, crie uma branch com o seu nome completo e depois envie-nos o pull request. Se você apenas clonar o repositório não vai conseguir fazer push e depois vai ser mais complicado fazer o pull request. Importante: Após finalizar o teste, revisaremos e informaremos sua aprovação ou não. Se for aprovado, mandar um email para [email protected] com o seu currículo e pretensão 😄

Acha que consegue ir mais além?

Temos mais um teste avançado e caso tenha interesse, mande para nós: https://github.com/iColabora/teste-fullstack-developer-II

Boa sorte! =D

teste-fullstack-developer-i's People

Contributors

guilopesbearari avatar

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.