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

Highlights

The results I'm proudest of, measured in production.

Experience

6 experiences

  1. Full-timepetlove.com.br (opens in a new tab)

    • Vue
    • Next.js
    • Lighthouse
    • Honeybadger
    • Security
    • Microsoft Clarity
    • Cursor
    • Claude
    • −91% manual extraction
    • Lighthouse ~64 → ~97
    • Critical findings cleared

    UX Optimization & Analytics

    • Identified, via Microsoft Clarity heatmaps, a pattern of repeated clicks on a high-usage field: 1,928 clicks in 6 days, signaling friction in how users extracted the information. Shipped a dedicated solution for the case, with an immediate 64% drop in clicks. Two and a half months later, the new path accounts for 93% of interactions and manual extraction fell by 91%.

    Web Accessibility

    • Led an accessibility audit and fixes on the health center portal, raising the average Lighthouse accessibility score from ~64 to ~97 across more than 10 pages, fixing label associations, ARIA structure, landmarks, and semantic attributes in Vue components.

    DevSecOps & AI

    • Built, with AI support (Cursor), a weekly dependency security automation (front and back end), with a single PR for compatible patches and a Slack alert only for critical findings or an all-clear, cutting down the manual tracking of updates. In its first cycle it cleared every critical audit finding and standardized the team's review ritual.

    Observability & AI

    • Handled triage and fixes for bugs monitored via Honeybadger, analyzing production exceptions, estimating each bug and alert with AI support (Claude), and organizing the fix queue by criticality and effort.

    Technical Documentation

    • Documented business rules and feature flows in Confluence, centralizing behavior criteria and technical specs as a reference for the team.
  2. Full-timeJuntos Somos Mais (opens in a new tab)

    • Vue
    • Nuxt.js
    • Web Components
    • CI/CD
    • Sonar
    • Security
    • −80% build time (1h → 12min)
    • Fewer critical vulnerabilities

    CI/CD Performance

    • Optimized the CI/CD pipeline by parallelizing test execution and code analysis (Sonar), reducing build/deploy time from ~1h to ~12 minutes (~80% reduction) and eliminating bottlenecks in the delivery process.

    Front-end Security

    • Resolved a security issue in the application's redirection, preventing user cookies/cache from being compromised through external links.
    • Resolved an XSS issue in a web component, preventing HTML Injection through the component's fields.
      XSS fix in Atomium (opens in a new tab)

    Design System

    • Worked on component development in the Atomium Design System (open-source), reducing the development time of new features. Prioritized demands, developed components, resolved issues, and reviewed PRs.
      My contributions to Atomium (opens in a new tab)

    Open Source Contributions

    Documentation & Standards

    • Redesigned the front-end engineering team's documentation process, centralizing ADRs and assorted documentation. Created and documented front-end security solutions, reducing critical vulnerabilities by 100% and establishing standards for the team.

    Features & Business

    • Developed critical features for the marketplace platform and website (juntosomosmais.com.br), increasing conversion and customer satisfaction.

    POCs & Innovation

    • Developed technical POCs to evaluate the feasibility of new features (including animations), guiding architectural decisions and reducing technical debt.

    Quality & Technical Debt

    • Reduced technical debt through refactoring, optimizations, and performance improvements.
    • Contributed to reducing technical debt through refactoring, optimizations, security fixes, and performance improvements, such as handling chunk errors.

    Collaboration & Growth

    • Collaborated with product, UI/UX, and engineering to align technical solutions with business objectives.
    • Contributed to improving the squad's workflow both individually and collectively.
    • Participated in meetings and events focused on front-end and other broad topics, connecting with professionals who have enhanced my technical and interpersonal development.
  3. Freelance / Contract

    • React
    • SaaS
    • Design Systems
    • Figma
    • Cloud APIs
    • Led a SaaS MVP
    • Design system from scratch

    Technical Leadership & Architecture

    • Led the frontend development of a cloud backup SaaS MVP for MSPs and companies in regulated industries.
    • Defined frontend architecture decisions, documenting technical choices and establishing standards.

    UI/UX & Design System

    • Designed and implemented the UI/UX, creating layouts, user flows, and a scalable design system (colors, typography, spacing, and component patterns) in Figma.

    Product & Business

    • Collaborated with stakeholders to define and refine business rules and product flows.
    • Ensured consistency between product requirements, UX decisions, and technical implementation.

    Integrations

    • Integrated the frontend with cloud APIs, including user management, authentication flows, and core CRUD operations.
  4. Open Sourcehe4rt/react4noobs (opens in a new tab)

    • React
    • Design Patterns
    • Markdown
    • GitHub

    Technical Content

    • Created articles on React Design Patterns concepts such as Compound Components, Error Boundaries, etc.

    Project Maintenance

    • Improved the project through architecture management and organization.
    • Reviewed and merged pull requests, provided suggestions, and answered questions.
  5. Open Source

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

    Development

    • Front-end development contributions to a website project that was paused.
    • Participation and contributions to project improvements.

    Team & Collaboration

    • Attended meetings to improve communication and help steer project development with the team.
    • Opportunity to work with a dedicated and welcoming team, where I had space to learn new technologies from scratch.

    Stack

    • Main technologies used: JavaScript ES6+, Next.js, React.js, Chakra UI, Git, and 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

    Unleash SDK

    Open Source Design Systems

    Content & Community

    • Author of technical articles (Blog, DEV.TO, TabNews), active member and collaborator in He4rt Developers community projects, attending community talks, and answering technical questions on Stack Overflow (EN and PT-BR).
      He4rt Developers (opens in a new tab)
Gabriel Duete | Carrer