This portfolio marked a turning point in my approach to personal projects. Unlike my first attempt years prior, which was more of an experiment with React, this one was built with a clear intention: to showcase my front-end capabilities through deliberate design and interaction choices.

A dark mode aesthetic was a priority from the start, paired with an emphasis on usability, making projects and information instantly accessible. The horizontal scroll pattern, inspired by various creative websites, became the backbone of the navigation and allowed me to explore GSAP in depth.

Implementing horizontal scrolling was both a design goal and a learning opportunity with GSAP. I dove deep into scroll-driven animations, triggering transitions for each section as the user navigates. A subtle skew effect tied to scroll velocity adds an extra layer of dynamism to the experience.

Bridging horizontal and vertical scroll on the project pages was another technical challenge I tackled successfully. Cursor animations, fade-in and fade-out transitions were all orchestrated through GSAP. The about page relies primarily on CSS animations combined with data attributes to dynamically link content to the hovered section.