A portfolio built to explain the work
An interactive React portfolio that pairs an expressive visual identity with readable project evidence, reusable components, and accessible controls.
Make the evidence easy to find.
The site serves two audiences: teams hiring a Senior or Lead Web Developer, and clients looking for development support. The primary journey connects selected work, technical stories, professional experience, and direct contact. Freelance availability stays visible without taking over that journey.
Shared structure, focused interactions.
Project and career content live in shared data modules. React components handle the project preview, selectable system layers, leadership tabs, and timeline disclosures. Semantic CSS tokens connect typography, surfaces, spacing, and button states across the pages.
- A shared project template keeps client pages consistent.
- The system explorer keeps its controls close to the changing illustration.
- The comparison keeps both time estimates visible before any interaction.
Motion should support the content.
Pointer effects use requestAnimationFrame with time-based damping. Reduced-motion and pointer-capability checks limit decorative movement. The raccoon uses Three.js; the static fallback keeps the introduction readable while the interactive asset loads. Native disclosures and Base UI tabs keep familiar keyboard behavior.
AI assistance, explicit review.
The design and implementation were developed iteratively with AI assistance. The work includes content organization, reusable styling, and browser checks at desktop, tablet, and mobile widths. The accessibility pass focused on contrast, keyboard focus, control names, and reduced motion. These checks describe the implementation process, not a claim of formal accessibility certification.