This Very Site
Started as a simple portfolio. Became my testing ground for every wild idea about web performance and visual design. Every feature here started as a "what if?" question.
Click to view full size
Key Features
5,000+ particles forming text, then exploding because why not
Sub-2 second load times despite all the visual candy
Testing strategy inspired by biology; E2E tests catch big problems, unit tests prevent small ones
TypeScript in strict mode because I hate surprises
Three.js animations that don't tank your CPU
Deploys so fast I sometimes refresh too early
Built for everyone; screen readers work perfectly
Architecture ready for whatever feature I dream up next
Technical Architecture
Core Stack
Styling
3D Graphics
Testing
Developer Tools
Deployment
Technical Challenges
Getting particles to move smoothly on mid-range phones. Object pooling and RAF throttling saved the day.
Making Three.js play nice with server components. Strategic lazy loading was the answer.
Testing particle animations. Turns out you can mock anything if you're stubborn enough.
Creating a project system flexible enough for any experiment I might build.
Results & Impact
A portfolio that's also my personal R&D lab
First paint under 0.8s on 4G connections
Zero accessibility violations according to axe-core
Code clean enough that I almost enjoy maintaining it 😉
More Than Just a Portfolio
This website itself is a testament to modern web development practices. Every line of code, every design decision, and every optimization reflects a commitment to excellence in software engineering.
Performance First
Optimized for Core Web Vitals with server-side rendering, code splitting, and lazy loading.
Developer Experience
Fully typed with TypeScript, comprehensive testing, and modern tooling for maintainability.
User Focused
Accessible, responsive, and delightful to use with thoughtful animations and interactions.