Vedaste MUGABO - Portfolio Website

A modern, responsive personal portfolio showcasing my projects, skills, and experience as a Computer Science student specializing in backend development, software testing, and data science.

🌟 Features

• Responsive Design - Works seamlessly on desktop, tablet, and mobile devices
• Modern UI - Clean, professional interface with smooth animations
• Interactive Projects - Detailed project modals with implementation details
• Contact Form - Easy way for visitors to get in touch
• Mobile Navigation - Hamburger menu for mobile devices

📁 Structure

portfolio/
├── index.html          # Main HTML file
├── style.css           # All styling
├── script.js           # Interactive functionality
├── assets/
│   └── images/
│       └── profile.jpg # Your profile photo (add this!)
└── README.md           # This file

🚀 Setup

1. Add Your Photo:

   • Place your profile photo in assets/images/profile.jpg
   • Recommended size: 500x500px (square format)
   • Format: JPG or PNG

2. Update Contact Information:

   • Open index.html
   • Find the contact section (line ~580)
   • Update email address and social media links

3. Customize:

   • Update colors in style.css (CSS variables at the top)
   • Modify project details in script.js if needed
   • Add your GitHub, LinkedIn, Twitter URLs

🎨 Customization

Colors

Edit CSS variables in style.css:

:root {
    --primary-color: #2563eb;    /* Main brand color */
    --secondary-color: #1e40af;  /* Secondary color */
    --accent-color: #3b82f6;     /* Accent color */
}

Adding Projects

Edit the projectData object in script.js to add or modify projects.

📱 Sections

1. Hero - Introduction with profile photo
2. About - Professional background and goals
3. Projects - Categorized project showcase
   • Backend Development
   • Frontend Development
   • Data Science
4. Skills - Technical skills organized by category
5. Experience - Software testing and translation services
6. Contact - Contact form and social links

🛠️ Technologies Used

• HTML5
• CSS3 (with CSS Grid and Flexbox)
• Vanilla JavaScript
• Font Awesome Icons

📝 To-Do

• Add your profile photo to assets/images/profile.jpg
• Update email address in contact section
• Add GitHub, LinkedIn, Twitter profile URLs
• Optional: Connect contact form to backend service
• Optional: Add project screenshots/images

🌐 Deployment

You can deploy this portfolio on:

• GitHub Pages - Free hosting for static sites
• Netlify - Drag and drop deployment
• Vercel - One-click deployment
• Traditional hosting - Upload via FTP

📧 Contact

Vedaste MUGABO

• Email: vedaste.mugabo@example.com (update this!)
• Location: Kigali, Rwanda
• University: University of Rwanda

---

Note: Remember to add your actual profile photo and update all contact information before deploying!