This is a personal portfolio website built with Next.js and Tailwind CSS. It showcases my skills, experience, and projects in a clean, modern, and interactive interface.
- Light & Dark Mode: The entire portfolio supports both light and dark themes.
- Theme Toggle: Users can easily switch between themes using a dedicated toggle button in the header.
- System Preference: The theme defaults to the user's system preference on their first visit.
- Fully Responsive: The layout is designed to work seamlessly on all screen sizes, from mobile phones to desktops.
- Smooth Animations: The portfolio uses Framer Motion to provide fluid page transitions and subtle animations that enhance the user experience.
- Interactive Elements: Many elements, like buttons and social media icons, have hover effects and animations to provide visual feedback.
- Introduction: A welcoming section that introduces me and my area of expertise.
- Downloadable CV: A prominent button allows visitors to download my CV with a single click.
- Social Links: Easy access to my professional profiles on GitHub, LinkedIn, and other social media platforms.
- Animated Stats: A statistics section with animated counters showcases key metrics like years of experience and projects completed.
- Service Listings: A dedicated page that outlines the services I offer, such as Web Development, IoT & Embedded Systems, and Cyber Security.
- Detailed Descriptions: Each service has a description to provide more context about my capabilities.
- Tabbed Layout: An interactive, tab-based interface allows users to easily navigate between my education, experience, and skills.
- Skills Showcase: The skills tab features a grid of technologies I'm proficient in, complete with icons and tooltips for more information.
- About Me: A section with more detailed personal information, including my nationality and languages spoken.
- Contact Form: A fully functional contact form that allows users to send me messages directly from the website.
- Service Selector: The form includes a dropdown menu for users to specify which of my services they are interested in.
- Contact Info: My phone number, email address, and physical address are displayed for alternative contact methods.
- Framework: Next.js
- Styling: Tailwind CSS
- UI Components: shadcn/ui (using Radix UI)
- Animation: Framer Motion
- Database ORM: Prisma