H
All work
Web project · 2025

Personal Portfolio Website.

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features dark mode, smooth animations, and a project showcase.

Stack
Next.jsTypeScriptTailwind CSSFramer Motion
Personal

Overview

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features dark mode, smooth animations, and a project showcase.

What's inside

  • Responsive design with mobile-first approach
  • Dark and light mode support
  • Smooth animations and transitions using Framer Motion
  • Project showcase and skills section
  • Contact form with email integration

Challenges

Balancing rich animations with fast load times required careful use of Framer Motion and Next.js optimisations to keep the site feeling fluid without sacrificing performance.

What I took away

Strengthened my Next.js App Router workflow, TypeScript patterns, and Tailwind CSS design system skills while building a portfolio that doubles as a live demo of my front-end craft.

Next project

CricHub

Continue