Portfolio Showcase Website
Modern portfolio website built with Next.js 14, TypeScript, and Tailwind CSS — the site itself demonstrates frontend proficiency, responsive design, accessibility, and performance optimization.
Completed
February 28, 2026
Category
Open Source
Client
Personal Project
About This Project
Modern portfolio website built with Next.js 14, TypeScript, and Tailwind CSS — the site itself demonstrates frontend proficiency, responsive design, accessibility, and performance optimization. Features dark mode with system preference detection, data-driven resume section with PDF download, and rich animations balanced with a strict performance budget.
Technologies Used
Next.js
advanced
React
advanced
TypeScript
advanced
Tailwind CSS
advanced
Framer Motion
intermediate
Achievements
Lighthouse Performance 90+
Optimized for top-tier Lighthouse performance scores across all audits
Dark Mode
Dark mode with system preference detection and smooth transitions
Responsive Design
Responsive design across all breakpoints from mobile to ultrawide
Data-Driven Resume
Data-driven resume section with PDF download capability
Technical Challenges
- 1Balancing rich animations with performance budget
- 2Designing a maintainable data-driven content architecture
- 3Ensuring WCAG AA accessibility across all interactive elements