arrow_backBack to Projects
Portfolio Website

Portfolio Website

Next.jsFramer MotionGSAPLenis

infoAbout the Project

A high-performance personal portfolio built with Next.js 16, featuring smooth GSAP + Framer Motion animations, dark/light theme toggle, and fully responsive design.

buildTech Stack

Next.js
Framer Motion
GSAP
Lenis

warningChallenges Faced

  • 1

    Combining GSAP ScrollTrigger and Framer Motion without animation conflicts.

  • 2

    Implementing a flicker-free dark mode without any third-party theme libraries.

  • 3

    Optimizing Lighthouse performance score while maintaining rich animations.

rocket_launchFuture Improvements

  • check_circle

    Add a blog section with MDX support for writing technical articles.

  • check_circle

    Implement page transition animations between routes.

  • check_circle

    Add a real contact form with email integration using Resend or EmailJS.