Campeonato Nacional de Programação CompetitivaAno: 2026 | Commit: fe28bef
Final Regional do México ICPC 2026
Arquitetei e construí a plataforma principal bilíngue para a Final Regional México ICPC 2026 sediada na ESCOM IPN, apresentando uma janela hero chanfrada em perspectiva 3D, botões magnéticos com física de molas e arquitetura de tokens fluidos com zero CLS.
Astro 5React 19TypeScriptMotionWCAG 2.2 AAA
Telemetria de Engenharia Verificada e Métricas de Impacto
- Contraste WCAG AAA
- 14.2:1
- Relação de contraste verificada entre primeiro plano e superfície na tipografia principal.
- Profundidade de Nós DOM
- < 420 nós
- Mantido bem abaixo do orçamento de desempenho de 800 nós no Lighthouse.
- Deslocamento Cumulativo (CLS)
- 0.000
- Zero deslocamento de layout com reserva de aspect-ratio e fallbacks tipográficos calibrados.
Arquiteto Frontend Líder
Arquitetura Ponta a Ponta de Plataforma, Engenharia de UI e Auditoria de A11Y
- Projetei e implementei a janela Hero com polígono chanfrado, inclinação 3D acelerada por hardware via ponteiro e seleção ponderada de fotos.
- Desenvolvi primitivas de botões magnéticos amortecidos com desativação automática sob prefers-reduced-motion.
- Estabeleci tokens fluidos rigorosos baseados em clamp() para tipografia e espaçamento nas versões em inglês e espanhol.
src/components/ui/magnet.ts
export function magnetVector(
rect: { left: number; top: number; width: number; height: number },
clientX: number,
clientY: number,
strength: number
): { x: number; y: number } {
const centerX = rect.left + rect.width / 2;
const centerY = rect.top + rect.height / 2;
const dx = clientX - centerX;
const dy = clientY - centerY;
const distance = Math.hypot(dx, dy);
if (distance === 0 || strength === 0) return { x: 0, y: 0 };
const pull = strength / (distance + strength);
return { x: dx * pull, y: dy * pull };
}