Web project · 2025
Personal Portfolio Website.
A modern, responsive portfolio website built with Next.js 13, TypeScript, and Tailwind CSS. Features dark mode, animations, and optimised performance.
Personal
Overview
A modern, responsive portfolio website built with Next.js 13, TypeScript, and Tailwind CSS. Features dark mode, animations, and optimised performance.
What's inside
- Responsive design with mobile-first approach
- Dark mode support with system preference detection
- Smooth animations and transitions using Framer Motion
- Contact form with email integration
- SEO optimized with Next.js 13 features
Challenges
Implementing smooth animations while maintaining performance was a key challenge. I used Framer Motion with careful optimization to achieve fluid transitions without compromising load times.
What I took away
This project helped me master Next.js 13 features, TypeScript type safety, and advanced Tailwind CSS techniques. I also learned about performance optimization and accessibility best practices.