Personal Portfolio Website (Next.js)
A modern, responsive developer portfolio built with Next.js, Tailwind CSS, and Framer Motion. It features animated hero sections, tabbed project showcase with hover actions, per-project detail pages, contact/social panels, and a consistent card/glass theme. Deployed on Vercel with GitHub-based workflow.
Key Features
- Animated hero, glow effects, and micro-interactions using Framer Motion.
- Tabbed showcase (Projects / Certificates / Tech Stack) with large, unified tab bar.
- Project cards with hover blur overlay showing Details / Demo / GitHub actions.
- Dedicated dynamic pages for each project (Next.js App Router).
- Responsive layout and consistent glass / gradient card theme.
- Contact section with social links and styled form panels.
- Deployed on Vercel; source control and collaboration via GitHub.
Screenshots
Page Structure
Home / Hero
Intro headline, animated glow, and tech tags with CTA buttons.
About / Education
Profile with circular glow, education cards, and stat bubbles.
Portfolio
Tabbed gallery, hover overlays, and deep-link Details pages.
Tech Stack
Next.js (App Router)ReactTailwind CSSFramer MotionNext/ImageVercel (Deploy)GitHub (Version Control)