Personal Portfolio Website
Jan 2024 – Present · Fullstack Developer / Design Technologist
Summary
Developed a personal portfolio website using Next.js 15 and ShadCN UI to showcase my projects and skills. The site is optimized for performance and responsiveness, ensuring a seamless experience across devices. Deep customizations were implemented using Tailwind CSS and GSAP for animations.
The Challenge
Designing a tactical, high-fidelity portfolio that showcases complex design engineering skills without clutter. The main hurdle was balancing standard portfolio details with an immersive heads-up-display aesthetic that performs well across different screen sizes.
Engineering Process
Leveraged Next.js 15 App Router with Tailwind CSS for layout structure, GSAP for scrolling and staggered entrance animations, and Three.js for interactive 3D assets. Established strict style variables to handle custom colors and glassmorphic borders dynamically.
Outcomes & Impact
A highly optimized, fast-loading portfolio with perfect visual fidelity. Realized seamless cross-browser animation physics and zero layout shift on interactive hover states.