Portfolio Website.
This very website. A masterclass in frontend execution, designed to prove my technical capabilities through interaction design, fluid animations, and obsessive attention to detail.
Tech Stack
- Next.js
- React
- Tailwind CSS
- Framer Motion
- Lenis
Problem
Standard developer portfolios often feel static and forgettable. I wanted to build an experience that felt premium, dynamic, and memorable—proving my frontend engineering skills through action rather than just listing them in a grid.
Solution
I architected a high-performance Next.js application that leverages Framer Motion for fluid micro-animations and Lenis for buttery-smooth scrolling. The centerpiece is a custom, contextual cursor that seamlessly adapts to different interactive elements across the site.
Key Decisions
- —Engineered a custom React Context provider to manage global cursor states ('default', 'explore', 'read') efficiently without unnecessary re-renders.
- —Integrated Lenis smooth scrolling to ensure parallax elements and sticky navigation bars feel fluid on all devices.
- —Used Framer Motion to build an animated, sticky tab navigation bar that dynamically highlights the active section as the user scrolls.
- —Designed a responsive dual-DOM strategy for complex hero images to maintain pixel-perfect layouts across mobile and desktop.
Outcome
The result is a devastatingly clean, premium digital experience. It doesn't just tell clients what I can do—it forces them to experience it firsthand the moment the page loads.
Next project