Back to Projects

Personal Portfolio Website

Next.jsTypeScriptTailwind CSS

Project Overview

A modern, responsive portfolio website built with Next.js 13, TypeScript, and Tailwind CSS. Features dark mode, animations, and optimised performance.

Key Features

  • 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

Technical 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.

Key Learnings

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.