Project Overview
A responsive portfolio website built with Next.js and CSS modules to showcase my projects, skills, and experience. The website features a clean, modern design with dark mode support and optimized performance.
My Role
I designed and developed the entire website from scratch, focusing on creating a responsive layout that works well on all devices. I implemented custom CSS modules for styling and added dark mode support using next-themes.
Technologies Used
- Next.js
- React
- TypeScript
- CSS Modules
- Lucide Icons
- next-themes
Key Features
- Responsive design that works on mobile, tablet, and desktop
- Dark mode support with system preference detection
- Project showcase with detailed project pages
- Interactive contact form
- Comprehensive resume/CV page
- Social media integration
Challenges & Solutions
One of the main challenges was creating a responsive design that looked good on all devices while maintaining a consistent user experience. I solved this by using CSS modules with media queries and a mobile-first approach to ensure the layout adapts smoothly to different screen sizes.
Another challenge was implementing dark mode in a way that respects the user's system preferences. I used the next-themes library to handle theme switching and CSS variables to manage the color scheme, ensuring a seamless transition between light and dark modes.