Site do currículo pessoal e portfólio de engenharia de software e infraestrutura, construído sob rigorosos padrões de performance (Zero Dependências externas no client-side), acessibilidade e design de alta densidade.
O projeto foi inteiramente construído em Vanilla Puro (HTML5 + CSS3 + JavaScript):
- Zero Frameworks Client-Side: Nenhuma biblioteca pesada de frontend (React, Vue, jQuery) no client. Toda a navegação, filtros dinâmicos e modais rodam no motor nativo do navegador.
- Identidade Visual Dual-Theme (Light & Dark): Design limpo, sóbrio e profissional com tema Claro por padrão e suporte a Dark Mode com alternância fluida via View Transitions API. Alto contraste, superfícies sólidas, tipografia refinada (Plus Jakarta Sans, Inter e JetBrains Mono) e toques em azul ardósia e ouro nobre.
- Filtros Dinâmicos por Categoria: Sistema instantâneo de abas na seção de projetos (
Todos,Web Applications,QA & Automação,Desktop & Mídia,Infra & Hardening). - Lightbox Modal Nativo com Carrossel: Visualização de certificados e telas de projetos com paginação por setas, clique externo e atalhos de teclado (
ESC,←,→). - Responsividade Mobile-First: Suporte completo à área segura de iPhones (Dynamic Island / Notch via
env(safe-area-inset-top)), menu hambúrguer com transição suave, expansores de texto e botão flutuante arrastável (Draggable FAB) com snap magnético lateral para não obstruir conteúdos. - Toast System: Notificações visuais nativas para feedback de ações do usuário.
- Suporte Técnico & HelpDesk: Atendimento a incidentes críticos, totens NextQS, parque de impressão, controle de chamados via GLPI e suporte presencial/remoto a usuários.
- Infraestrutura, Redes & Servidores: Windows Server, Active Directory (GPOs, controle de acessos), virtualização bare-metal com Proxmox VE (gestão de VMs e containers), configuração de arranjos RAID (RAID 1 com espelhamento e redundância), Linux (Debian/Ubuntu), switches, roteamento e nobreaks.
- Garantia de Qualidade (QA) & Confiabilidade: Automação de testes ponta a ponta (E2E) com Playwright, planos e cenários de testes, triagem e ciclo de vida de bugs (P0/P1/P2), testes de regressão e telemetria de rede/console.
- Automação & Full-Stack: Desenvolvimento de bots, utilitários em Python, scripts PowerShell/Batch, ferramentas web com FastAPI, React e Next.js.
- IA Agêntica, DevTools & APIs: Engenharia de agentes e pair programming com Anti-Gravity e Claude Code, servidores MCP (Model Context Protocol), criação de Skills e Workflows autônomos, Git/GitHub e consumo de APIs REST.
- Cibersegurança Defensiva: Kaspersky EDR, conformidade LGPD, políticas de MFA, hardening de estações de trabalho e estratégias de backup resilientes.
| Projeto | Categoria | Tecnologias Principais | Status |
|---|---|---|---|
| Suíte de Ferramentas Web | Ferramenta Corporativa | React, FastAPI, Chatbot / Assistente IA, Active Directory (GPOs), Proxmox VE, Storage NAS, SRE | Projeto Privado 🔒 (11 Telas) |
| How To Complete Dex | Web Application | React 19, TypeScript, Vite, Tailwind v4, Zustand, Supabase | Online 🟢 |
| BugSync Bot | QA & Confiabilidade | Python, discord.py, Google Sheets API, Apps Script Webhooks | Projeto Privado 🔒 |
| DevPad | Web Application | Next.js 16, TypeScript, Prisma ORM, Supabase RLS, TipTap | Projeto Privado 🔒 |
| FrameStudio PRO | Desktop & Mídia | Python, OpenCV, PyAV (FFmpeg), Canvas RGB, RAM Cache | Open Source 📦 |
| MediaDownloader Pro | Full-Stack / Utilitário | FastAPI, Vanilla JS SPA, SSE em tempo real, yt-dlp, SQLite | Open Source 📦 |
| Finance App & Investment Hub | Web Application | Next.js App Router, TypeScript, Zustand, APIs Real-Time | Projeto Privado 🔒 |
| I Love Security | Cibersegurança & Privacidade | Python, FastAPI, IA Local (Zero Data Leak), Canvas | Open Source 📦 |
| Relíquias Itaboraí — Motor Hub | Web Application | Vanilla JS, Supabase BaaS, Blog/Fórum & Extensão Instagram | Em Desenvolvimento 🚧 |
| RMS Marcenaria e Reformas | Landing Page Comercial | React 19, Vite, Tailwind CSS v4, Lucide React, WhatsApp | Em Desenvolvimento 🚧 |
| Otimizador de Windows 10/11 | Infra & Hardening | PowerShell, Batch Script, Limpeza e Desempenho do Windows | Open Source 📦 |
| Interactive Anniversary Template | UI & Animação 3D | HTML5, CSS 3D Animations, Vanilla JS, Audio API | Online 🟢 |
/
├── index.html # Estrutura semântica (W3C, SEO, Open Graph e Acessibilidade)
├── css/
│ └── style.css # Design System Dual-Theme, grid responsivo e microinterações
├── js/
│ └── main.js # Theme Manager (View Transitions), filtros dinâmicos e Lightbox Modal
├── imgs/
│ ├── foto-rosto.jpg # Fotografia de perfil profissional (Alta Resolução 3:4 Portrait)
│ ├── certificados/ # Diplomas em imagem (.jpg e .png) e sub-certificados modulares
│ └── projetos/ # Capturas de tela organizadas em subpastas por projeto
├── LICENSE # Termos de Todos os Direitos Reservados (All Rights Reserved)
├── README.md # Manual de operação e síntese do projeto
└── HISTORICO.md # Diário de bordo e decisões arquiteturais
- Ambiente: GitHub Pages na raiz (
https://raphael-c-martins.github.io/). - Validação: Auditado via Playwright MCP em viewport Full HD (1920x1080) e Mobile (390x844), com 0 erros de JavaScript no console.