Personal Portfolio preview image

Personal Portfolio

Website
Next.js
React
Javascript
Tailwind CSS
status : Completed

This personal portfolio website was built entirely from scratch using Next.js App Router, React, and Tailwind CSS — with a strong focus on performance, accessibility, and modern UI standards. The project serves as a central hub to showcase my technical skills, project work, and professional journey as a developer. Smooth page transitions and micro-interactions were implemented using Framer Motion, giving the site a polished, app-like feel. The layout is fully responsive, optimized for all screen sizes from mobile to large desktop displays. Performance was prioritized through Next.js built-in Image optimization, lazy loading, and proper metadata configuration for SEO. The portfolio features dedicated sections for projects (with detailed case study pages using dynamic routing), a skills overview, about section, and contact form. Each project page dynamically renders content from a centralized data source, making it easy to maintain and scale. The site is deployed on Vercel with automatic CI/CD on every push to the main branch, reflecting real-world deployment practices used in professional environments.