Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions .editorconfig
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
3 changes: 3 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"extends": ["next/core-web-vitals","prettier"]
}
36 changes: 36 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# local env files
.env*.local

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts
4 changes: 4 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"singleQuote": true,
"trailingComma": "none"
}
116 changes: 58 additions & 58 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,58 +1,58 @@
# 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](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
# 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](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
7 changes: 7 additions & 0 deletions next.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
}

module.exports = nextConfig
Loading