Versão final

README.md

@@ -1,58 +1,29 @@
-# Teste I - Fullstack Development
+# dev-fullstack-i
 
-## Um pouco sobre nós
+### Notas da desenvolvedora
 
-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:
+Durante o desenvolvimento, pensei em adicionar filtros, ordenação e um modal pra exibir a tabela detalhada, porém, como tenho mais um teste para fazer em um prazo curto, optei por deixar simples, mas funcional.
+Obrigada pela oportunidade!
 
-- 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
+## Project setup
+```
+npm install
+```
 
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
 
-Mas também será ótimo se você conhecer:
+### Compiles and minifies for production
+```
+npm run build
+```
 
-- Docker e Docker-compose
-- Jenkins
-- RabbitMQ
+### Lints and fixes files
+```
+npm run lint
+```
 
-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](https://uploaddeimagens.com.br/images/003/609/209/original/img001.png?1640888617)
-
-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 rh@icolabora.com 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
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

jsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}