Front end developer

Hen*** ***** (XX anos)
Front End Developer em XP Inc.
Universidade UNINOVE
Residente fora de Portugal
Este candidato está disposto a se mudar
|
Experiência
Front End Developer
XP Inc.
mai 2020 - Atualmente
XP Inc. é uma empresa multinacional do segmento de mercado financeiro

feedback de conteúdo: o feedback de conteúdo era enviado a um e-mail e criado manualmente um caso no Salesforce.

Participação nas seguintes fases do projeto, utilizando javascript:

Interceptar o envio de feedback e salvar os dados em um objeto;
Integrar a faq com a API de criação e casos no saleforce;
Envie o objeto com os dados para a API;

Resultado: Após o desenvolvimento, conseguimos eliminar o envio do e-mail e criar automaticamente o caso no Salesforce.

Webchat: Era utilizado um serviço de chat terceirizado e isso gerou alguns problemas, como quedas nos horários de pico, dificuldade de customização de cada marca do grupo e geração de relatórios com dados incorretos.

Participação nas seguintes fases do projeto, utilizando javascript, webpack, sass e jest:

Trabalhei junto com o back-end na elaboração de como ficaria as APIs;
Atuei na criação de componentes multimarcas;
Trabalhei na integração desses componentes;
Atuei na integração com a API de upload de arquivos;
Trabalhei na criação de nossos scripts LIb usando lernajs;
Trabalhei na criação de testes tdd para cada componente;
Trabalhei na criação dos testes ponta a ponta da aplicação;


Resultado: Foi criada uma aplicação que se adapta facilmente a todas as marcas da XP, recursos fáceis de escalar e que suportam os horários de pico e somos capazes de gerar relatórios precisos e corretos.

LGPD: lei geral de proteção de dados, com a lei houve a necessidade de criar um processo para gerar relatórios de forma fácil e escalável para todo o grupo

Participação nas seguintes fases do projeto, utilizando reactjs, context api, hooks, styled componentes, e enzimas:

Fase 1:
Trabalhei junto com UX para elaborar como seria o fluxo;
Trabalhei junto com back end na elaboração de como seria as APIs;

Fase 2:
Atuei na criação de componentes multimarcas;
Trabalhei na integração desses componentes;
Trabalhei na integração com nossa biblioteca central para reutilização de  scripts;
Atuei na integração com a API de relatórios;
Atuei no desenvolvimento quando é um ambiente logado que já pega os dados do cliente e preencha os campos;
Trabalhei na criação de testes tdd para cada componente;

Fase 3:
Trabalhei na criação da pipeline de deploy automatizado;

Resultado: Foi desenvolvida uma aplicação como módulo da nossa faq para que o cliente passe adiante seu cpf e consulte todos os seus dados que estão armazenados no grupo XP Inc.

Evolução do Webchat: com o feedback, chegamos à conclusão de que precisamos mudar o recurso de upload de um arquivo por vez para vários.

Participação nas seguintes fases do projeto, utilizando javascript, webpack, sass e jest:

Fase 1:
Trabalhei junto com UX para elaborar como seria o fluxo;
Trabalhei junto com o back-end na elaboração de como ficaria a API;

Fase 2:
Trabalhei na alteração do script para aceitar vários arquivos de uma só vez e validando formato e tamanho de cada arquivo.
Quanto à possibilidade de aceitar vários arquivos precisei atuar na mudança de layout e fluxo de upload.
Trabalhei na criação de novos testes tdd para esse novo recurso;
Trabalhei na criação de novos testes ponta a ponta para esse novo recurso;

Resultado: Possibilitou o cliente enviar mais de um documento no momento em que o atendente solicita documentação para prosseguir com o atendimento.


Habilidades técnicas: Javascript, webpack, reactjs, context api, hooks, styled components, sass, jest, enzyme, webdriverio, cypress, html, css, azure, lerna e scrum
Front End Developer
Vagas.com
nov 2018 - mar 2020
Vaga.com é a maior empresa de recrutamento e seleção do Brasil

Redes: Aplicação que ajuda filiais da empresa na contratação de funcionários

Participação nas seguintes fases do projeto, utilizando ruby, jquery, javascript, sass e css:

Fase 1:
Trabalhei junto com UX para elaborar como seria o fluxo;
Trabalhei no novo estilo da lista de candidatos elaborado por UX;
Fase 2:
Removi o jquery e outras libs como modal e carrossel da aplicação;
Fez uma refatoração no código para remover o código jquery não utilizado e deixá-lo com o formato javascript
Criado um script javascript para funcionar a lib como modal que foi removido;
Fase 3:
Configurei o projeto em ruby ​​para usar sass;
Mudou o css para o formato sass;
Removido css que não estava sendo usado;

Resultado: Redução de 3 segundos no carregamento da página e uma lista de candidatos mais amigável.

Entrevista em vídeo: recurso da aplicação em que os recrutadores pudem avaliar os candidatos por meio de vídeos gravados.

Participação nas seguintes fases do projeto, usando reactjs, redux e sass:

Fase 1:
Trabalhei junto com a UX para elaborar como seria o novo fluxo da lista de vídeos;
Trabalhei com UX para elaborar como seria o fluxo de filtragem de vídeo;
Trabalhei com o Backend no ajuste da API para o novo fluxo de listagem de vídeo;
Trabalhei com o Backend no ajuste da API para o novo fluxo de filtragem de vídeo;
Fase 2:
Ajustado o componente de listagem de vídeo para o novo formato desenvolvido por UX;
Ajustou o script e o state da API de listagem de vídeos para obter os novos valores;
Criei o componente de filtragem de vídeo de acordo com o design UX;
Fiz a integração com a api que filtrava os vídeos e ajustava o estado da listagem de acordo com o retorno da api;
Fase 3:
Criei um componente de paginação para a página interna do vídeo que permite alterar o vídeo sem ter que voltar à listagem;

Resultado: listagem de vídeos entrevista mais amigável, possibilidade de filtrar os tipos de vídeos e navegação mais rápida na página da vídeo entrevista;

Redes nova versão: Aplicação que ajuda filiais da empresa na contratação de funcionários


Participação nas seguintes fases do projeto, usando reactjs, context api, hooks, styled componentes e enzyme:

Fase 1:
Trabalhei junto com UX na elaboração da nova aplicação;
Fase 2:
Trabalhei no desenvolvimento dos componentes de header, footer e home da aplicação.
Trabalhei junto com o Backend na criação dos mocks das APIs necessários para montar a aplicação;
Trabalhei na criação dos testes tdd dos componentes;
Atuei na criação do pipeline jenkins para realizar deploy automático da aplicação;
Fase 3:
Trabalhei na integração da home da aplicação com as APIs;
Trabalhei no desenvolvimento da página da lista de candidatos;
Atuei no desenvolvimento das ações de aprovação, reprovação e envio de mensagem ao candidato;
Trabalhei na criação dos testes tdd dos componentes;
Fase 4:
Trabalhei na integração da lista de candidatos com a API
Trabalhei na integração das ações de aprovação, reprovação e envio de mensagem com a API;

Resultado: um aplicativo leve, dividido em componentes e fácil de escalar com novos recursos.

Relatórios: relatório sobre a situação de uma vaga publicada, que era gerado manualmente;

Participação nas seguintes fases do projeto, usando reactjs, context, hooks, styled-componentes:

Fase 1:
Trabalhei junto com UX no fluxo de como automatizar esse processo;
Trabalhei junto com o Backend na criação dos mocks para gerar os relatórios;
Fase 2:
Atuei no desenvolvimento dos componentes de header, footer e relatórios;
Trabalhei na criação dos testes tdd dos componentes;
Trabalhei na criação do pipeline jenkins para realizar o deploy automático da aplicação;
Fase 3:
Atuei na integração das APIs para geração dos relatórios;

Resultado: Aplicativo no qual os gerentes de vagas podem visualizar os relatórios de cada vaga disponível com rapidez e facilidade;

E-partner: principal aplicação para criação de vagas, relatórios e etapas do processo de contratação.

Participação nas seguintes fases do projeto, usando reactjs, redux e sass:

Fase 1:
Trabalhei junto com UX para criar um processo automático de teste e disparo de e-mail conforme o candidato progredia nas etapas;
Trabalhei junto com o Backend na criação dos mocks para envio dos e-mails e testes;
Fase 2:
Trabalhei no desenvolvimento dos componentes dos componentes necessários para o recrutador montar um e-mail para o candidato com texto ou testes a realizar em uma etapa do projeto;
Fase 3:
Atuei na integração das APIs para envio de emails e testes aos candidatos;

Resultado: um processo automático de envio de e-mails ou testes para candidatos em etapas específicas do processo.

A VAGAS.com é uma empresa horizontal, por isso também fazia parte no processo de contratação de novos funcionários e no planejamento do futuro da empresa.

Habilidades técnicas: Javascript, webpack, reactjs, context api, hooks, redux, styled components, sass, jest, enzyme, jenkins, html, jquery, css, nextjs, scrum e micro front end
Front End Developer
FCamara Consulting & Training
ago 2017 - nov 2018
Fcamara é uma consultoria onde fui alocado para trabalhar na Saraiva que é um dos maiores e-commerce de livros do Brasil

Design system: até agora não existia um padrão de componentes utilizados pela equipe e acabou que cada projeto tinha um formato e código diferente.

Participação nas seguintes fases do projeto, utilizando javascript, sass, webpack, gulp e html:

Fase 1:
Criei um componente vitrine de produtos que recebe os valores através parâmetros e monta os produtos automaticamente;
Criei um componente carrossel de produtos que recebe os valores através parâmetros e monta os produtos automaticamente;
Fase 2:
Criei um componente modal de produto que recebe valor através parâmetro e monta o produto automaticamente;
Fase 3:
Criei um componente carrossel de marcas que recebe os valores através parâmetros e monta as marcas automaticamente;
Criei o componente carrossel de categorias que recebe os valores através parâmetros e monta as marcas automaticamente;

Resultado: criei componentes fáceis de reutilizar, criando uma identidade única para todos os locais utilizados.

Teste A/B

Participação nas seguintes fases do projeto, utilizando jquery e css:

Fase 1:
Trabalhei na criação do teste A/B para avaliar se o menu aberto pode gerar mais engajamento.
Fase 2:
Trabalhei na criação do teste A/B para avaliar se com o header fixo na página conseguimos gerar mais navegação entre as categorias;

Resultado: dados para orientar a evolução do e-commerce.

Black Friday

Participação nas seguintes fases do projeto, utilizando javascript, sass, webpack e nodejs

Fase 1:
Trabalhei no desenvolvimento da home do e-commerce que listaria os produtos com ótimos descontos;
Trabalhei na integração da lista de produtos que via de um json na AWS;
Fase 2:
Trabalhei na criação de um mini sistema que seria usado para atualizar os produtos da home, o id de um produto foi inserido, ou categorias e usava APIs do e-commerce para gerar um json que deveria ser colocado no aws via API e no final atualiza os produtos da home;

Resultado: uma página leve para carregamento rápido e um sistema fácil de usar para atualizar produtos da home conforme o estoque se esgota.


Technical skills: Javascript, webpack, gulp, jquery, sass, css, html, kanbun e magento
Formação
Tecnologia
Universidade UNINOVE
jan 2018 - mar 2021
Tecnólogo Graduado em Tecnologia em Sistemas para Internet
Idiomas
Português - Nativo
Inglês - A2
Informações Adicionais
Cursos
AWS Serverless APIs & Apps - A Complete Introduction; Udemy
From Zero to the Cloud: Restful API with NodeJS, Restify and MongoDB; Udemy
Azure Functions: Running code without a server; Alura
Azure: Deploy from a Microsoft cloud webapp; Alura
Deploy on Amazon EC2: High availability and scalability of an application; Alura
Rest with NodeJS: API with Express and MySQL; Alura
GraphQL Part 1: First Steps; Alura
GraphQL part 2: Replacing a REST API with GraphQL; Alura
React Native AsyncStorage and Navigation; Alura
React Native Working with Function components; Alura
Complete NodeJS and MongoDB Course; Udemy
React.js Ninja Course - Complete React; Udemy
Javascript with TDD in practice; Udemy
Javascript Ninja; Udemy
Flexbox Course: Place elements on the screen; Alura
REACT: REUSABLE COMPONENTS FOR YOUR WEBAPP; Alura
Advanced JavaScript II: ES6, object orientation and design patterns; Alura
Advanced JavaScript I: ES6, object orientation and design patterns; Alura
JavaScript, the language; Alura
Node.js: Innovating with Javascript in the backend; Alura
HTTP: Understanding the web behind the scenes; Alura
Git: Control and share your code; Alura
Grunt: Automation of front-end tasks; Alura
Performance Web I: optimizing the front end; Alura
UX: what is user experience; Alura
Gulp: front-end task automation; Alura
Python 2: Programming with the language; Alura
Sass and Compass; Alura 
Jquery; Alura
Programming Logic; Senai
Links
Linkedin: https://linkedin.com/in/coisadedev/
Site: https://henriquemelanda.com.br/
Github: https://github.com/hjdesigner
Blog: https://medium.com/@ricoSP / https://dev.to/hjdesigner