Portfolio Website

A modern, responsive portfolio website showcasing my skills as a MERN stack developer.

🚀 Features

• Modern Design: Clean, professional UI with smooth animations
• Responsive: Fully responsive design that works on all devices
• Sections:
  • Hero section with introduction
  • About section highlighting experience
  • Skills section with progress bars
  • Projects section with filtering
  • Contact form with social links

🛠️ Technologies Used

• React 19 - UI library
• Vite - Build tool and dev server
• CSS3 - Modern styling with animations
• JavaScript ES6+ - Modern JavaScript features

📦 Installation

1. Clone or navigate to the portfolio directory:

   cd ~/Documents/Portfolio

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and visit http://localhost:5173

🏗️ Build for Production

To create a production build:

npm run build

The built files will be in the dist directory.

📝 Customization

Update Personal Information

1. Hero Section: Edit src/components/Hero.jsx
2. About Section: Edit src/components/About.jsx
3. Skills: Update skill levels in src/components/Skills.jsx
4. Projects: Add your projects in src/components/Projects.jsx
5. Contact: Update social links in src/components/Contact.jsx

Styling

• Main styles: src/App.css
• Component styles: src/components/*.css
• Global styles: src/index.css

Colors

The color scheme can be customized in src/App.css by modifying the CSS variables:

:root {
  --primary-color: #6366f1;
  --secondary-color: #8b5cf6;
  --accent-color: #ec4899;
  /* ... */
}

🎨 Skills Highlighted

• MERN Stack: MongoDB, Express, React, Node.js
• Databases: PostgreSQL, SQL, MongoDB
• Web Security: Certified security expertise
• Frontend: React, JavaScript, HTML/CSS
• Backend: Node.js, Express.js, RESTful APIs

📄 License

This project is open source and available for personal use.

🤝 Contributing

Feel free to fork this project and customize it for your own portfolio!

---

Built with ❤️ using React and Vite