Portfolio Website
A polished developer portfolio built with Next.js, thoughtful motion, and a cleaner case-study-driven presentation.
Project overview
Summary
A responsive and feature-rich developer portfolio showcasing projects, resume, and contact information. Built with Next.js 15, React 19, and TypeScript. Styled using TailwindCSS v4 with class variance utilities, and supporting both dark mode and light mode using next-themes. Enhanced UI with lucide-react icons and Embla carousel for interactive project showcases. Backend powered by MongoDB and Mongoose for dynamic data storage, with validation via Joi and email integration using Resend API.
Details
Highlights
Rebuilt the visual system with a calmer, more product-focused layout and stronger section rhythm.
Improved browsing with full-card project interactions, refreshed screenshot galleries, and richer project storytelling.
Integrated server-side contact handling with Resend-backed email delivery and validation.
Details
Architecture
Next.js App Router with server-rendered pages and API routes for contact handling.
TailwindCSS v4 token-based design system with reusable glass-card and button patterns.
Typed local project data so content stays easy to maintain while pages remain fast.
Details
Outcome
Makes the portfolio feel more like a polished product than a simple gallery.
Presents the work more clearly to recruiters, founders, and freelance clients.
Keeps future updates easy through centralized config and structured content.