Portfolio Website
Responsive portfolio built with Next.js, TypeScript, and Tailwind CSS — featuring Framer Motion animations, dark/light mode, and SEO optimization.
Next.jsTypeScriptTailwind CSSFramer MotionSEO
Key Features
- Dark and light theme toggle with system preference detection.
- Smooth animations and transitions powered by Framer Motion.
- Fully responsive layout for desktop, tablet, and mobile.
- SEO-friendly meta tags and structured project data.
Challenges
- Balancing animations with performance optimization.
- Maintaining consistent theme colors across all components.
- Ensuring accessibility compliance (a11y) with Tailwind classes.
What I Learned
- Deepened understanding of Next.js static generation and routing.
- Enhanced skills in building accessible and optimized UIs.
- Mastered deployment and continuous updates using Vercel.