
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