Personal Portfolio screenshot 1

Personal Portfolio

A modern personal portfolio built with Next.js, React, TypeScript, Tailwind CSS, Framer Motion, tsParticles, dynamic project pages, a contact workflow, and an AI-powered portfolio chatbot.

Key Features

  • Smooth section transitions and entrance animations using Framer Motion
  • Interactive project filtering and tab navigation powered by React state and shared layout animation
  • Theme and layout designed with Tailwind CSS for custom styling and responsiveness
  • Particle animation backgrounds implemented using tsParticles
  • Optimized routing and layout with Next.js App Router and dynamic routes
  • Lazy-loading images and content for performance using Next.js Image
  • Deployed on Vercel with custom domain, HTTPS, and automatic CI/CD
  • Responsive design using Tailwind mobile-first utility classes
  • SEO-friendly metadata and semantic HTML structure
Next.jsReactTypeScriptTailwind CSSFramer MotionVerceltsParticles