Back to Projects

Personal Portfolio Website

A modern and responsive personal portfolio built with Next.js and HeroUI, designed to showcase projects, skills, and professional experience.

Next.js
TypeScript
HeroUI
Tailwind CSS
MongoDB
Personal Portfolio Website

About the Project

This portfolio website was crafted to present my professional journey as a Front-End Developer. Built with Next.js (App Router) and styled using HeroUI, it features dark and light themes with smooth transitions and an elegant, accessible interface. The goal is to provide an engaging experience where visitors can explore my projects, skills, and background. It also integrates SEO metadata for better visibility and uses responsive design techniques to adapt seamlessly to any device.

Key Features

  • Dark and light theme toggle with Next-Themes
  • Responsive layout using Tailwind and Grid
  • Projects section with dynamic filtering
  • Contact form with validation and email integration
  • Smooth animations and transitions with Framer Motion

Technical Challenges

  • Creating a consistent design system across components
  • Implementing theme switching with persistent user preference
  • Optimizing images and metadata for SEO and performance