Há mais de 7 anos transformando café em soluções web utilizando: React.js, Vue.js, Javascript ES6+, CSS, HTML, Scrum, Kanban

Sobre

Desenvolvedor Front End - Foto de apresentação - Lucas

Olá!

Eu sou o Lucas e desenvolvo para Web focado em FrontEnd.

Quando criança conheci o mundo Web e o HTML: comecei pela nostálgica tag <marquee>.

Ingressei no mercado de trabalho atuando em outras áreas: escritório, panificação, vendas e suporte ao cliente. Entre essas outras atividades consegui meu primeiro cliente pra desenvolver um site institucional.

Com o passar do tempo e a vontade de evoluir profissionalmente, conquistei uma bolsa na Faculdade para cursar Sistemas para Internet.

Fiz estagio e fui contratado como Desenvolvedor Front End em uma agência onde atendiamos clientes institucionais. Também treinei colaboradores, atendi clientes e auxiliei na coordenação. Desenvolvi competências como: lógica de programação, JavaScript, jQuery, HTML, CSS, Cross Browser, SEO, ASPX e PHP.

Outra experiência foi em uma empresa de e-commerce com produto próprio, onde desenvolviamos páginas de vendas responsivas com o foco em UX, mensuração de resultados e testes A/B. Utilizavamos metodologias ágeis de desenvolvimento e tecnologias como: Git pro versionamento, Node.js pro gerênciamento de dependências e JSP para lidar com os dados do Back-end.

Após 2016 explorei a área de Desenvolvimento de Jogos independentes e também trabalhei com Desenhos Animados 2D em outro estado. Essas outras experiências possibilitaram meu amadurecimento pessoal e profissional, além de aperfeiçoar minha visão de mundo.

Com o foco em retornar ao mercado Front-End, atualizei meus conhecimentos com pesquisa e cursos técnicos. Aprendi e tive experiência em tecnologias como ES6+ e React. Atualmente trabalho com React.js e Vue.js, que são os meus pontos fortes.

A paixão por conhecimento moderno combinada com minha experiência resulta em ótimas entregas aos meus contratantes e experiências únicas aos usuários.

Alguns dos meus hobbies são criar Pixel Art, assistir filmes e jogar videogames.

Projetos

Café Com Lucas

Site de apresentação e listagem de projetos.

  • Javascript
  • ES6+
  • HTML5
  • CSS3
  • SASS
  • Gulp
  • UX
Detalhes

Rocketshoes

E-commerce que lista produtos e atualiza carrinho.

  • ReactJS
  • Redux Saga
  • Git
  • REST API
  • React Hooks
Detalhes

BundleGenerator

Gerador de pacote de produtos em oferta.

  • HTML5 Canvas API
  • jQuery
  • Javascript
  • Lógica
Detalhes

Nuclear Fart

Jogo do tipo runner com o objetivo de acumular pontos.

  • HTML5 Canvas API
  • Phaser.js
  • WebGL
Detalhes

Iridium Labs

Criação e manutenção de páginas para e-commerce.

  • Git
  • HTML
  • CSS
  • Javascript
  • requireJS
  • JSP
Detalhes

Goodyear Pneus

Site institucional e coordenação de equipe.

  • HTML
  • SEO
  • CSS
  • JavaScript
  • ASPX
Detalhes

GitRepoHub

Cadastro de repositórios e exibição das Issues.

  • ReactJS
  • ES6+
  • Axios
  • Flexbox
  • Styled Components
Detalhes

Danone Baby

Banner animado com slider interativo.

  • Parallax
  • Javascript
  • jQuery
  • HTML
  • CSS
Detalhes

Sua Rosa

Aplicação de quiz animado feito pra aba do Facebook.

  • HTML
  • CSS
  • jQuery
  • AJAX
  • Facebook API
Detalhes

Sírio-Libanês

Manutenção em site institucional.

  • HTML
  • CSS
  • JavaScript
  • jQuery

Metrô SP

Manutenção em site institucional.

  • HTML
  • CSS
  • JavaScript
  • jQuery

Contato

Mensagem direta

Mensagem enviada!

Agradeço o contato :)

Ops! Ocorreu algum erro.

Pode ser por LinkedIn ou e-mail?

Café Com Lucas

Site responsivo profissional desenvolvido para divulgação de portfolio próprio. Possui as páginas "Sobre", "Projetos" e "Contato".

Metas alcançadas

  • Aplicação de responsividade;
  • Otimização das imagens;
  • Minificação dos scripts;
  • Utilização do ES6+ e transpilação com Babel;
  • Codificação com Javascript puro;
  • Organização semântica com HTML5;
  • Estilização através do pré-processador SASS;
  • Automação de tarefas com o Task Runner Gulp;
  • Melhorar experiência do usuário com animações;
  • Configuração do padrão de código com ESLint.

Competências utilizadas

  • Responsive
  • Javascript ES6+
  • HTML5
  • SEO
  • CSS3
  • SASS
  • UX
  • Gulp
  • Font Awesome
  • Parallax
  • SVG Animation
  • ESLint
  • Prettier
  • EditorConfig

Rocketshoes

E-commerce responsivo que permite listar, cadastrar, alterar ou remover produtos do carrinho (CRUD). Consulta REST API (fake) e verifica se o produto existe no estoque antes de adicionar ao carrinho.

Metas alcançadas

  • Aplicação de responsividade;
  • Criação de Single Page Application;
  • Roteamento no Front-End;
  • Consumo de REST API;
  • Utilização de Javascript moderno;
  • Estilização escopada com Styled Components;
  • Utilização do estado global;
  • Configuração do padrão de código.

Competências utilizadas

  • ReactJS
  • Redux Saga
  • Javascript ES6+
  • Axios
  • REST API
  • React Hooks
  • Styled Components
  • HTML
  • CSS
  • Grid
  • Flexbox
  • Reactotron
  • Toastify
  • Prettier
  • ESLint
  • React Icons

BundleGenerator

Gerador de imagens desenvolvido para poupar o tempo dos Designers em cortes de imagens com pacotes de produtos. A quantidade de produtos, o sinal de mais, o selo e a faixa são gerados dinâmicamente. O resultado é uma imagem base64 que pode ser copiada ou salva.

Metas alcançadas

  • Gerar a quantidade de produtos;
  • Gerar o sinal de mais;
  • Gerar o selo de desconto;
  • Gerar a faixa de "compre X, leve Y";
  • Posicionar os itens gerados dinâmicamente;
  • Injetar o resultado em uma tag <img>.

Competências utilizadas

  • HTML5 Canvas API
  • jQuery
  • Javascript
  • Lógica de programação

Nuclear Fart

Jogo onde o pequeno dinossauro nuclear precisa correr e soltar gases (“peidar”) para acumular pontos e evitar a auto explosão. Programação, Arte visual e Design produzidos por mim. Arte sonora produzida por outro participante.

Metas alcançadas

  • Elaboração do Game Design Document;
  • Criação do cronograma;
  • Gestão do projeto;
  • Programação com a biblioteca Phaser.js;
  • Criação do Pixel Art e das animações;
  • Publicações no Facebook em página própria;
  • Publicação em domínio próprio.

Competências utilizadas

  • HTML5 Canvas API
  • Phaser.js
  • Pixi.js
  • Javascript
  • WebGL
  • WebAudio
  • HTML
  • CSS
  • Netlify

Iridium Labs

Manutenção de página institucional com equipe Front-End para empresa com produto próprio. Também desenvolviamos páginas de oferta responsivas com foco em UX, mensuração de resultados e testes A/B.

Metas alcançadas

  • Manutenção da página institucional da empresa;
  • Criação das páginas para produtos específicos;
  • Implementação de pixels, analytics e testes A/B;
  • Manutenção das páginas de produtos existentes.

Competências utilizadas

  • Git
  • HTML
  • CSS
  • Javascript
  • jQuery
  • requireJS
  • JSP

Goodyear Pneus

Criação e manutenção de site institucional com a equipe Front-End.

Metas alcançadas

  • Coordenação da equipe Front-End;
  • Criação da página inicial e template para as páginas internas;
  • Implementar a otimização para os mecanismos de busca;
  • Acompanhar a implementação do Back-End;
  • Manutenção.

Competências utilizadas

  • Javascript
  • HTML
  • CSS
  • SEO
  • ASPX
  • Master Pages

GitRepoHub

Aplicação responsiva que busca repositórios na REST API do GitHub. A aplicação adiciona, lista e exibe detalhes de cada repositório. Nos detalhes é possível ver as Issues organizadas por filtro e por página.

Metas alcançadas

  • Aplicação de responsividade;
  • Criação de Single Page Application;
  • Validação do campo de formulário;
  • Roteamento no Front-End;
  • Consumo de REST API;
  • Animação do ícone de carregamento;
  • Utilização de Javascript moderno;
  • Estilização escopada com Styled Components;
  • Implementação de filtro por tipo e por página;
  • Configuração do padrão de código.

Competências utilizadas

  • Javascript ES6+
  • Axios
  • REST API
  • Styled Components
  • HTML
  • CSS
  • Flexbox
  • Prettier
  • ESLint
  • React Icons

Danone Baby

Banner interativo e animado com informações úteis sobre os primeiros 1000 dias de vida. Os temas sugeridos incluem nutrição e pediatria de acordo com o período escolhido (gestação, lactentes ou crianças).

Metas alcançadas

  • Elaboração e implementação da lógica do slider;
  • Efeito parallax na imagem de fundo;
  • Navegação através dos botões superiores;
  • Navegação através do slider inferior;
  • Animação dos elementos com base na interação;
  • Marcação na navegação conforme o período.

Competências utilizadas

  • Parallax
  • Javascript
  • jQuery
  • HTML
  • CSS
  • Lógica de programação

Sua Rosa

Teste de personalidade pro público feminino desenvolvida para funcionar em uma aba do Facebook.

Metas alcançadas

  • Animação quadro a quadro ao fundo;
  • Pré-carregamento das imagens da animação;
  • Consumo dos dados XML via AJAX;
  • Exibir resultado diferente conforme as respostas;
  • Compartilhamento com API do Facebook.

Competências utilizadas

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • AJAX
  • Facebook API
  • Lógica de programação