Web · Next.js
Portfolio
A modern, responsive portfolio with dark mode and smooth animations, built with Next.js as the framework and styled with Tailwind CSS
- Type
- Web · Next.js
- Released
- 2026
- Role
- Design & development
- Stack
- 4 technologies
The Problem
Need for a professional online presence to showcase skills and projects.
The Solution
A modern, responsive portfolio with dark mode and smooth animations, built with Next.js as the framework and styled with Tailwind CSS.
Architecture
A Next.js application renders the portfolio sections as a static, SEO-optimized site styled with Tailwind CSS. Theme state drives a dark/light mode, Framer Motion provides entrance and hover animations, and EmailJS handles contact messages directly from the client.
Built With
- JavaScript
- Next.js
- Tailwind CSS
- HTML
Challenges
- Delivering smooth Framer Motion animations without hurting performance.
- Supporting a polished dark and light theme across every section.
- Wiring client-side contact email through EmailJS.
Results
- SEO-optimized portfolio with dark/light theming.
- Framer Motion micro-interactions and entrance animations.
- EmailJS-powered contact integration deployed publicly.