Zero framework
Sem React, sem build pesado. HTML, CSS e JS direto ao ponto — carga mínima e controle total sobre cada byte entregue.
Um portfólio construído
como produto
Este site não é um template. É HTML, CSS e JavaScript vanilla, sem frameworks, pensado como produto: analytics próprio e atenção real a performance, SEO e acessibilidade. Aqui está como ele foi construído.
Vanilla JS
Performance
SEO
Acessibilidade
Decisões de engenharia
Visão rápida
A11y & SEO nativos
HTML semântico, landmarks, Open Graph e dados estruturados — sem plugins. Resultados auditados por script próprio.
Analytics próprio
Rastreio de engajamento autoral em analytics.js — sem depender de scripts de terceiros pesados.
Qualidade
Pilares do front-end
Por que vanilla e por que isso importa
Escolher não usar framework foi uma decisão de engenharia, não de limitação. O resultado é um site leve, rápido e fácil de auditar — onde performance, SEO e acessibilidade são consequência da base, não remendos.
O que foi priorizado
- HTML semântico e landmarks para leitores de tela.
- Imagens com
loading="lazy", dimensões e formatos otimizados. - Meta tags, Open Graph e dados estruturados para SEO.
- Navegação por teclado e foco visível em toda a interface.
Como foi medido
- Auditorias automatizadas com script próprio (
audit.mjs). - Testes end-to-end de home e demo com Playwright.
- Verificação de contraste e respeito a
prefers-reduced-motion. - CSS e JS enxutos, sem dependências de runtime.
Funcionalidade
Download de CV com token
1
Solicitação
O visitante pede acesso ao currículo a partir do portfólio público.
2
Token de acesso
Um token único controla o download, permitindo rastrear e gerenciar quem recebe o material.
3
Entrega da versão correta
O backend serve a versão vigente do CV, com versionamento gerido no painel admin.
4
Registro de engajamento
O analytics próprio registra a interação, alimentando a gestão de candidaturas.
Resultados
O que este projeto demonstra
Domínio de fundamentos
Construir sem framework exige entender de verdade o navegador, o DOM e o ciclo de renderização.
Mentalidade de produto
Performance, acessibilidade e SEO tratados como requisitos, não como detalhes opcionais.
Cuidado com qualidade
Auditorias automatizadas e testes E2E garantindo que cada mudança preserve a base.
Para um site de portfólio, vanilla entrega carga mínima, tempo de primeira pintura baixo e código transparente. A escolha mostra que sei quando uma dependência agrega e quando ela só adiciona peso.
HTML semântico, atributos ARIA onde necessário, navegação completa por teclado, foco visível e respeito a
prefers-reduced-motion. O objetivo é que o site funcione para todos, não apenas no caminho feliz.O portfólio público se conecta ao Sistema de Gestão de Vagas: o download de CV com token e o analytics alimentam a gestão de candidaturas no painel admin.