Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/kinvoapp/kinvo-front-end-test

Teste para candidatos à vaga de Front-End
https://github.com/kinvoapp/kinvo-front-end-test

Last synced: 16 days ago
JSON representation

Teste para candidatos à vaga de Front-End

Lists

README 

        
> ![Logo Kinvo](https://github.com/cbfranca/kinvo-front-end-test/blob/master/logo.svg)



# Desafio Front-end Web



Seja bem-vindo! Este desafio foi projetado para avaliar a capacidade técnica de candidatos à vagas de Desenvolvedor Front-end voltadas para o desenvolvimento web, independente da senioridade. O nível de exigência da avaliação se adequa ao nível da vaga.



## Instruções:



1. Faça um fork deste repositório;

2. Implemente o que é proposto no [protótipo](https://github.com/kinvoapp/kinvo-front-end-test/blob/master/material/layout.xd). **! Importante !** A implementação dos gráficos é opcional para candidatos a vagas de nível trainee/estágio, junior e pleno ([

Faça o download AdobeXD por aqui](https://helpx.adobe.com/br/xd/get-started.html));

3. O conjunto mínimo de tecnologias a ser utilizado é HTML, CSS e JS (ES6);

4. Crie um passo a passo de como rodar sua aplicação ([sugestão](https://github.com/elsewhencode/project-guidelines/blob/master/README.sample.md));

5. Após terminar, submeta um pull request e aguarde a avaliação;



### Critérios de avaliação:



Nossos critérios de avaliação se baseiam e 3 grandes áreas, sendo elas:

1. Versionamento

2. Projeto e estrutura

3. Qualidade de Código



## Requisitos mínimos:



### ○ Trainee/Estágio



- Permitir a filtragem de produtos na seção **Minhas Rendas Fixas** a partir de buscas realizadas no campo de texto;



### ○ Junior



- Todos os requisitos exigidos para o nível Estágio/Trainee;

- Exibir dados reais obtidos a partir da API `https://6270328d6a36d4d62c16327c.mockapi.io/getFixedIncomeClassData`;

- Permitir ordenação de produtos seção **Minhas Rendas Fixas** a partir do menu seletor;



### ○ Pleno



- Todos os requisitos exigidos para o nível Junior;

- Fazer uso da biblioteca [React](https://pt-br.reactjs.org/);

- Fazer uso da biblioteca [Styled Components](https://styled-components.com/);

- Paginar produtos (5 por página) na seção **Minhas Rendas Fixas**;



### ○ Sênior/Analista



- Todos os requisitos exigidos para o nível Pleno;

- Projetar arquitetura minimamente escalável;

- Cobertura de testes utilizando o framework de sua preferência. [Jest](https://jestjs.io/) e [Enzyme](https://enzymejs.github.io/enzyme/) são as nossas sugestões;

- Gráficos funcionais utilizando a biblioteca de sua preferência. [Highcharts](https://www.highcharts.com/) é a nossa sugestão;



## Notas:



- **! Importante !** O cumprimento dos requisitos solicitados para uma vaga em determinado nível não é garantia de aprovação. Focamos em avaliar a forma como os requisitos foram cumpridos.

- Apesar da listagem de requisitos mínimos acima, caso não tenha tido tempo suficiente ou tenha se esbarrado em alguma dificuldade, entregue o desafio ainda que incompleto e conte-nos na descrição do pull request quais foram as suas maiores dificuldades.

  Não se preocupe, avaliaremos ainda assim! :)

- O protótipo é disponibilizado no formato de arquivo Adobe XD e está disponível em [/material](/material) ou a partir [deste link](https://xd.adobe.com/view/efae346e-370a-4a7a-9037-43510c4c8028-bafd/);

- Caso não tenha familiaridade com o Adobe XD, os ativos do protótipo podem ser exportados utilizando o atalho **CTRL + E** ou **CMD + E**. Caso o seu sistema operacional não seja compatível com o software, você pode acessar o protótipo também através do link citado no item anterior;

- As bibliotecas e demais recursos sugeridos por nós em todos os níveis de exigência são meras sugestões (com exceção do React). Sinta-se a vontade para fazer a escolha que te deixa mais confortável e inclusive para sugerir ;);

- Lembre-se de fazer um _fork_ deste repositório! Apenas cloná-lo vai te impedir de criar o _pull request_ e dificultar a entrega;



---



Está com alguma dificuldade, encontrou algum problema no desafio ou tem alguma sugestão pra gente? Crie uma [issue](https://github.com/kinvoapp/kinvo-front-end-test/issues) e descreva o que achar necessário.



**Sucesso!**