Personal Portfolio Website

This is my first practical project in Front-End Development — a portfolio website that showcases my skills, projects, and learning journey.

---

📌 Why I Built This

Having a portfolio is essential in tech — it’s not just a CV, but a living showcase of growth. I wanted to create everything from scratch instead of using a ready-made template, so I can always improve, expand, and customize it to reflect who I am.

---

🚀 Features

• Responsive layout (HTML, CSS, JavaScript) using Flexbox & Grid
• Simple, clean design with animations & interactions
• Background video for a dynamic look
• Sidebar navigation with hover/click behavior
• Sections: About Me, Skills, Projects, Achievements, Contact

---

🛠️ Tech Stack

• HTML5
• CSS3 (Flexbox, Grid, Media Queries)
• JavaScript (ES6)
• Netlify for deployment

---

🔧 How to Run Locally

1. Clone the repository:

   git clone https://github.com/usernameee111/Personal_Portfolio.git

2. Navigate into the project folder:

   cd Personal_Portfolio

3. Open index.html in your browser.

---

🌐 Live Demo

Deployed on Netlify: [Portfolio Live Site] https://shamsgodaportfolio.netlify.app/

---

📚 What I Learned

• Responsive design and cross-device compatibility
• Organizing scalable layouts
• Deploying a website online with Netlify
• Importance of design decisions on user experience

---

🔮 Future Improvements

• Add more breakpoints for better mobile responsiveness
• Accessibility improvements (alt text, ARIA labels)
• Performance optimizations (image compression, lazy loading)
• Add “Work Experience” and “Testimonials” sections
• Contact form integration
• Explore more deployment options (GitHub Pages, Vercel)

---