← ↑ ↓ d a e ↑ → r a g ↓ ↑ → ← → g o n

Destaques

Resultados que mais me orgulham, medidos em produção.

Experiências

6 experiências

  1. Tempo integralpetlove.com.br (abre em nova aba)

    • Vue
    • Next.js
    • Lighthouse
    • Honeybadger
    • Security
    • Microsoft Clarity
    • Cursor
    • Claude
    • −91% extração manual
    • Lighthouse ~64 → ~97
    • Findings críticos zerados

    Otimização de UX & Analytics

    • Identifiquei via heatmaps do Microsoft Clarity um padrão de cliques repetidos em um campo de alto uso: 1.928 cliques em 6 dias, indicando atrito na forma como os usuários extraíam a informação. Implementei uma solução dedicada ao caso, com queda imediata de 64% nos cliques. Dois meses e meio depois, o novo caminho responde por 93% das interações e a extração manual caiu 91%.

    Acessibilidade Web

    • Conduzi auditoria e correção de acessibilidade no portal de central de saúde, elevando o score médio de acessibilidade no Lighthouse de ~64 para ~97 em mais de 10 páginas, corrigindo associações de labels, estrutura ARIA, landmarks e atributos semânticos em componentes Vue.

    DevSecOps & IA

    • Implantei, com apoio de I.A. (Cursor), uma automação semanal de segurança de dependências (front e back), com PR unificada de patch compatível e alerta no Slack só para crítico ou all-clear, reduzindo o acompanhamento manual de atualizações. No primeiro ciclo, zerou os findings críticos do audit e padronizou o ritual de review do time.

    Observabilidade & IA

    • Atuei na triagem e correção de bugs monitorados via Honeybadger, analisando exceções em produção, levantando estimativas de cada bug e alerta com apoio de I.A. (Claude) e organizando a fila de correções por criticidade e esforço.

    Documentação Técnica

    • Documentei regras de negócio e fluxos de funcionalidades no Confluence, centralizando critérios de comportamento e especificações técnicas como referência para o time.
  2. Tempo integralJuntos Somos Mais (abre em nova aba)

    • Vue
    • Nuxt.js
    • Web Components
    • CI/CD
    • Sonar
    • Security
    • −80% build time (1h → 12min)
    • Redução de vulnerabilidades críticas

    Performance de CI/CD

    • Otimizei o pipeline de CI/CD ao paralelizar a execução de testes e análise de código (Sonar), reduzindo o tempo de build/deploy de ~1h para ~12 minutos (~80% de redução) e eliminando gargalos no processo de entrega.

    Segurança Front-end

    • Resolvi um problema de segurança no redirecionamento da aplicação, evitando que os cookies/cache do usuário sejam invadidos por links externos.
    • Resolvi um problema de XSS em um web-component, evitando que seja possível aplicar HTML Injection pelos campos do componente.
      Correção de XSS no Atomium (abre em nova aba)

    Design System

    • Trabalhei no desenvolvimento de componentes no Design System Atomium (open-source), resultando na redução no tempo de desenvolvimento de novas features. Priorizando demandas, desenvolvendo componentes, resolvendo issues e revisando PRs.
      Minhas contribuições no Atomium (abre em nova aba)

    Contribuições Open Source

    • Contribuí para o Nuxt.js reportando e documentando uma issue, auxiliando na identificação de um problema no build da versão 3.16.0+ e na discussão da solução.
      nuxt/nuxt#32494 (abre em nova aba)
    • Contribuí para o Unleash (SDK JS) com um Pull Request, melhorando a biblioteca e colaborando com o core do projeto. A alteração foi feita para prover benefícios no nosso uso do Unleash nas nossas aplicações.
      Unleash/unleash-js-sdk#264 (abre em nova aba)

    Documentação & Padrões

    • Reformulei o processo de documentação do time de engenharia de front, centralizando ADRs e documentações diversas. Criei e documentei soluções de segurança front-end, reduzindo vulnerabilidades críticas em 100% e estabelecendo padrões para o time.

    Features & Negócio

    • Desenvolvi features críticas para plataforma de marketplace e site (juntosomosmais.com.br), aumentando conversão e satisfação do cliente.

    POCs & Inovação

    • Desenvolvi POCs técnicas para avaliar a viabilidade de novas funcionalidades (incluindo animações), orientando decisões arquiteturais e reduzindo débito técnico.

    Qualidade & Débito Técnico

    • Redução de débito técnico por meio de refatorações, otimizações e melhorias de performance.
    • Atuei na redução de débito técnico por meio de refatorações, otimizações, correções de segurança e melhorias de performance, como tratativa de erros de chunks.

    Colaboração & Crescimento

    • Colaboração com produto, UI/UX e engenharia para alinhar soluções técnicas para os objetivos do negócio.
    • Contribuí com o time para melhorar o fluxo da squad tanto individualmente quanto em conjunto.
    • Participei em reuniões e eventos voltados para front-end e outros temas abrangentes, tendo contato com profissionais que impulsionam meu desenvolvimento técnico e interpessoal.
  3. Freelance / Contract

    • React
    • SaaS
    • Design Systems
    • Figma
    • Cloud APIs
    • MVP SaaS liderado
    • Design system do zero

    Liderança Técnica & Arquitetura

    • Liderei o desenvolvimento frontend de um MVP SaaS de cloud backup voltado para MSPs e empresas de setores regulados.
    • Defini decisões de arquitetura frontend, documentando escolhas técnicas e estabelecendo padrões.

    UI/UX & Design System

    • Desenhei e implementei a UI/UX, criando layouts, fluxos de usuário e um design system escalável (cores, tipografia, espaçamentos e padrões de componentes) no Figma.

    Produto & Negócio

    • Colaborei com stakeholders na definição e refinamento de regras de negócio e fluxos do produto.
    • Garanti consistência entre requisitos de produto, decisões de UX e implementação técnica.

    Integrações

    • Integrei o frontend com APIs de cloud, incluindo gestão de usuários, fluxos de autenticação e operações CRUD principais.
  4. Open Sourcehe4rt/react4noobs (abre em nova aba)

    • React
    • Design Patterns
    • Markdown
    • GitHub

    Conteúdo Técnico

    • Criação de artigos sobre conceitos de Design Patterns em React, como Compound Components, Error Boundaries, etc...

    Manutenção do Projeto

    • Melhorias do projeto, como gerenciamento de arquitetura e organização.
    • Revisões/Merge de Pull requestes, fazendo sugestões e tirando dúvidas.
  5. Open Source

    • JavaScript ES6+
    • Next.js
    • React
    • Chakra UI
    • Git
    • GitHub

    Desenvolvimento

    • Contribuição no desenvolvimento front-end para o site que estava em andamento, mas acabou que o projeto teve que ser pausado.
    • Participação e contribuição nas melhorias do projeto.

    Time & Colaboração

    • Participação de reuniões com o objetivo de melhorar a comunicação e poder tomar direção para o desenvolvimento do projeto junto com o time.
    • Oportunidade de trabalhar com um time dedicado e acolhedor, onde tive espaço até mesmo para aprender tecnologias do zero.

    Stack

    • Tecnologias mais utilizadas: Javascript ES6+, Next.js, ReactJs, Chakra UI, git e github.
  6. Open Source

    • Nuxt
    • Unleash
    • Atomium DS
    • Venice DS
    • Stack Overflow
    • He4rt Developers
    • Nuxt.js core
    • Unleash SDK
    • 2 design systems

    Nuxt.js Core

    • Contribuí para o Nuxt.js reportando e documentando uma issue, auxiliando na identificação de um problema no build da versão 3.16.0+ e na discussão da solução.
      nuxt/nuxt#32494 (abre em nova aba)

    Unleash SDK

    Design Systems Open Source

    Produção de Conteúdo & Comunidade

    • Autor de artigos técnicos (Blog, DEV.TO, TabNews), participante ativo e colaborador em projetos da comunidade He4rt Developers, acompanhando palestras da comunidade, além de resposta a dúvidas técnicas no Stack Overflow (EN e PT-BR).
      He4rt Developers (abre em nova aba)
Gabriel Duete | Carrer