This is my personal portfolio website, designed to highlight my projects, technical expertise, and professional journey. It serves as a central hub for potential employers and collaborators to explore my work and skills.

Features

• Project Showcase: A dedicated section to display my coding projects with descriptions, live demos, and GitHub links.
• Resume Download: Easy access to a downloadable PDF version of my resume.
• Skills Overview: A structured layout showcasing my technical and soft skills.
• Responsive Design: Fully optimized for desktops, tablets, and mobile devices.
• Blog Section: Technical articles written with MDX, allowing interactive and dynamic content.

Tech Stack

• Frontend: Developed with React and Next.js for optimal performance and SEO.
• Styling: Designed with Tailwind CSS for a sleek and modern user interface.
• Content Management: Integrated MDX for writing and displaying technical blogs.
• Hosting: Deployed on Vercel for seamless and efficient performance.

Implementation Details

Frontend Development

• Modular React components for reusability and maintainability.
• Next.js for static site generation (SSG) and server-side rendering (SSR).
• Lenis for smooth scrolling and seamless navigation.

Blog Management

• Articles written in MDX, allowing a combination of Markdown and React components.
• Dynamic routing in Next.js for structured blog pages.

Deployment & Optimization

• Automatic deployment with Vercel, triggered via GitHub commits.
• Optimized images using Next.js Image for faster load times.
• Lazy loading for enhanced performance and user experience.

How It Works

1. Landing Page: Introduction, showcasing skills and experience.
2. Projects Section: Detailed descriptions and links to live demos and GitHub repositories.
3. About Section: Insights into my background, expertise, and achievements.
4. Blog Section: A collection of technical articles and insights.
5. Contact Form: Simple and effective contact form powered by EmailJS or Formspree.

Challenges & Learnings

• Implementing smooth and dynamic navigation without sacrificing performance.
• Ensuring consistent cross-browser compatibility.
• Managing interactive content efficiently with MDX.

Future Enhancements

• Adding dark mode for better user customization.
• Integrating analytics to track visitor interactions and engagement.
• Introducing theme customization to personalize the portfolio further.