A modern, responsive personal portfolio website built with React, Next.js, TailwindCSS, and shadcn/ui components.

• 🎨 Modern and clean design
• 🌙 Dark mode support
• 📱 Fully responsive
• ✨ Smooth animations with Framer Motion
• 🎯 SEO optimized
• 🚀 Fast performance
• 🎭 Beautiful UI components with shadcn/ui

• Next.js - React framework
• React - UI library
• TailwindCSS - Utility-first CSS framework
• shadcn/ui - Re-usable components
• Framer Motion - Animation library
• TypeScript - Type safety

1. Clone the repository:

git clone https://github.com/yourusername/personal-portfolio.git cd personal-portfolio

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 with your browser to see the result.

1. Update the content in the components:

   • src/components/hero.tsx - Update your name and tagline
   • src/components/about.tsx - Update your bio and skills
   • src/components/projects.tsx - Add your projects
   • src/components/contact.tsx - Update social links and contact form

2. Add your profile picture:

   • Place your profile image in the public directory
   • Update the image path in src/components/about.tsx

3. Customize the theme:

   • Modify the colors in src/app/globals.css
   • Update the Tailwind configuration in tailwind.config.js

The easiest way to deploy your portfolio is to use the Vercel Platform.

This project is licensed under the MIT License - see the LICENSE file for details.