Giuseppe Fantoni

Sobre

Engenheiro front-end focado em produtos de alto tráfego. Nos últimos 6 anos, trabalhei com React e TypeScript em Micro-frontends e monorepos (NX), da integração de IA em fluxos de produto à otimização de Core Web Vitals — sempre metrificando impacto real via DataHub antes e depois do deploy.

Gosto de entender o problema antes de codar e de adotar ferramentas modernas de IA (Kiro, Claude Code) para acelerar entregas com qualidade. Estou aberto a novas oportunidades.

Experiência

Jul 2022 – Jul 2026

Desenvolvedor Front-end · Hotmart

4 anos em dois projetos principais. No Projeto Comunidades, migrei o Sparkle Webpara a arquitetura modular do Hotmart Club, contribuindo para uma redução de 50% no LCP (~8s → ~4s) via desacoplamento de Micro-frontends, cache com React Query e migração de Webpack para RSBuild. No Projeto Sala de Aula, liderei a migração do Tutor IA para monorepo (NX/PNPM), integrando o chat como MF dinâmico ao host Next.js para milhões de usuários — com Compound Components, SSR e acessibilidade via WCAG. Adotei SDD com Kiro (MCPs de Figma, Jira e Design System) para acelerar entregas com aderência arquitetural.

ReactTypeScriptNext.jsMicro-frontendsModule FederationNXPNPMReact QuerySentryOptimizelyUnleashFirebaseRSBuildZustandReduxContext APIDataHubKiroGitHub ActionsWCAGMSWJestVitestCypress
Jan 2021 – Jul 2022

Desenvolvedor de Software · dti digital

Trabalhei em dois projetos de naturezas bem diferentes. Na Vale, desenvolvi Micro-frontends para planejamento estratégico e participei da criação do Design System via Storybook — o que reduziu o tempo de entrega de novos módulos e garantiu consistência entre times. Na Anima Educação, atuei full-stack em uma plataforma analítica para redução de evasão acadêmica: interface em React e microsserviços serverless na AWS com Python, com pipelines de CI/CD via GitHub Actions.

ReactTypeScriptReduxAWS LambdaPythonCypressStorybookGitHub Actions
Nov 2019 – Jan 2021

Estágio · MRV (via dti digital)

Primeira experiência em ambiente corporativo de grande porte. Desenvolvi interfaces internas para times operacionais da MRV, integrando componentes front-end com APIs em .NET e participando do ciclo completo de entrega — do levantamento de requisitos ao deploy.

Angular 8.NETGitREST APIs

Destaques

Projeto Profissional

Tutor IA · Hotmart Club

Levei um assistente de IA consistente para todo o ecossistema do Hotmart Club. Migrei a arquitetura para monorepo (NX/PNPM), exportei o chat como MF dinâmico para o host em Next.js e apliquei Compound Components e Slots no core compartilhado. Resolvi gaps de SSR entre MFs federados e conduzi rollout progressivo com Unleash Edge.

Next.jsModule FederationNXCompound ComponentsUnleashSSRTypeScript
Projeto Profissional

Performance · Hotmart Club

Contribuí para uma redução de 50% no LCP do Hotmart Club — de ~8s para ~4s — em páginas de alto tráfego. Desacoplei Micro-frontends, reduzi bundle (tree shaking, dead code) e cacheei requisições com React Query, cortando de 2–3x para 1x por sessão. Migrei o time de Webpack para RSBuild.

Core Web VitalsLCPReact QueryRSBuildWebpackBundle OptimizationTree Shaking
Projeto Profissional

Design System · Vale

Múltiplos times, componentes duplicados e inconsistência visual entre módulos. Participei da criação do Design System via Storybook para resolver isso — estabelecendo uma fonte única de verdade para componentes e padrões visuais que qualquer time pudesse consumir sem depender de outro.

Projeto Profissional

Plataforma de Retenção · Anima Educação

Uma plataforma analítica para entender por que alunos abandonavam os cursos — e agir antes que isso acontecesse. Construí a interface, os microsserviços na AWS e os pipelines de CI/CD. Do problema ao deploy, de ponta a ponta.

Projeto Profissional

Acessibilidade & Design Tokens · Hotmart

Desenvolvi componentes com acessibilidade garantida via algoritmos WCAG, incluindo cálculo de relative luminance para contraste dinâmico em light/dark mode conforme a cor do creator. Documentei os padrões, que viraram referência para as demais plataformas do ecossistema (web e mobile).

WCAGAcessibilidadeDesign TokensContrast RatioReactTypeScript
Projeto Profissional

Observabilidade & Dados · Hotmart

Implementei e mantive Sentry nos meus projetos, reduzindo o tempo de detecção de falhas antes que chegassem ao usuário final. Instrumentei eventos de comportamento (views, cliques, interações) via DataHub para embasar decisões de produto e validar o impacto real de cada entrega.

SentryDataHubObservabilidadeA/B TestingOptimizelyFeature Flags
Projeto Profissional

SDD & IA no Desenvolvimento · Hotmart

Adotei Spec Driven Development (SDD) com Kiro, integrando MCPs de Figma, Jira e Design System interno. Isso automatizou a geração de tasks e garantiu aderência arquitetural e visual antes de abrir o editor — mais rápido, mais consistente, com menos retrabalho.

KiroSDDMCPFigmaJiraClaude CodeIAProdutividade

Skills

Front-end

React.jsNext.jsTypeScriptJavaScriptHTML5CSS3Tailwind CSSStyled-componentsAngularWebpackViteRsbuildReact Query / TanStack QueryStorybook

Arquitetura & Estado

Micro-frontendsModule FederationMonorepos (NX)ZustandReduxContext APIHooksDesign SystemsSOLIDDesign Patterns (Compound Components, Custom Hook, Composition, Slots)

Performance

Core Web Vitals (LCP, INP, CLS)Bundle OptimizationTree ShakingLighthousei18nextRSBuild

Qualidade & Testes

JestVitestReact Testing Library (RTL)CypressMSW (API Mocking)Acessibilidade (WCAG)ESLintPrettierHuskyCommitlint

Observabilidade

SentryNew RelicDataHub

Dados & Experimentação

Optimizely (A/B Testing e Feature Flags)Firebase (Feature Flags)Unleash EdgeDataHubScrumKanban

Cloud & DevOps

GitHub Actions (CI/CD)AWS LambdaSNSSQSDynamoDBServerless FrameworkPython

IA & Produtividade

Claude CodeCursorKiro (SDD + MCPs)
giuseppe.config.ts