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. ! 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);
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);
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;
• Fazer uso da biblioteca Styled Components;
• 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 e Enzyme são as nossas sugestões;
• Gráficos funcionais utilizando a biblioteca de sua preferência. Highcharts é 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 ou a partir deste link;
• 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 e descreva o que achar necessário.

Sucesso!