
A visually modern, fully responsive personal portfolio built with Next.js and Framer Motion to showcase my projects, skills, and design capabilities with interactive UI components and animations.
Key Features
- π Smooth section transitions and entrance animations using **Framer Motion**
- π― Interactive project filtering and tab navigation powered by **React state** and **Framer Motion shared layout**
- π¨ Theme and layout designed with **Tailwind CSS** for rapid custom styling and responsiveness
- πͺ Particle animation backgrounds implemented using **tsParticles** to add visual depth
- π§ Optimized routing and layout with **Next.js App Router** and **dynamic routes**
- β‘ Lazy-loading images and content for performance using **Next.js Image component**
- π Deployed on **Vercel** with custom domain, HTTPS, and automatic CI/CD
- π± Fully responsive design using Tailwindβs **mobile-first utility classes**
- π SEO-friendly metadata and **semantic HTML5** structure for better indexing and accessibility
Next.jsReactTypeScriptTailwind CSSFramer MotionVerceltsParticles