🌟 Yamam's Portfolio

A modern, responsive, and performant personal portfolio website built to showcase my skills, projects, and experience as a Software Engineering student. This site serves as my digital business card and a central hub for my professional work.

🚀 Live Demo

Visit My Portfolio

📖 Overview

This portfolio is designed to reflect my personality as a developer: clean, efficient, and user-focused. It highlights my journey in software engineering, the projects I'm passionate about, and provides an easy way to get in touch.

✨ Features

• ⚡ Fully Responsive: Optimized for all devices - desktop, tablet, and mobile.
• 🎨 Modern UI/UX: Clean design with smooth animations and interactions for a engaging user experience.
• 📄 Multi-Section Layout:
  • Hero: Introduces who I am and what I do at a glance.
  • About: My story, skills, and what drives me.
  • Projects: A curated gallery of my best work with links to live demos and code.
  • Contact: A simple form and my social links to reach out.
• 🔧 Built with Best Practices:
  • Semantic HTML5 for accessibility and SEO.
  • CSS3 Flexbox/Grid for modern layouts.
  • Vanilla JavaScript for lightweight interactivity (e.g., form validation, smooth scrolling, dynamic project filtering).

🛠️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Icons: Font Awesome or Boxicons
• Fonts: Google Fonts (e.g., Poppins, Inter, Open Sans)
• Deployment: Vercel (Recommended for simplicity and performance) or Netlify
• Code Editor: VS Code

🎯 Sections

1. Hero Section

• Compelling headline and a short tagline.
• Call-to-action buttons (e.g., "View My Work", "Download Resume").
• Optional: Animated background or subtle visual element.

2. About Me

• A brief, engaging bio.
• Skills section displaying programming languages, frameworks, and tools I use, often with icons or progress bars.
• Education and any relevant experience.

3. Projects

• The core of the portfolio. Each project card should include:
  • Project Name
  • Short Description
  • Tech Used (badges or tags)
  • Project Image (or a GIF)
  • Links to Live Demo and Source Code (GitHub)
• Consider adding a filter to sort projects by technology (e.g., "All", "Web", "Python").

4. Contact

• A simple contact form (connected to a service like Formspree or Netlify Forms).
• Direct email link.
• Links to professional social profiles: GitHub, LinkedIn, Twitter, etc.

🖥️ Running Locally

Want to explore the code? Follow these steps:

1. Clone the repository:

   git clone https://github.com/yma2929/Portfolio.git
   cd Portfolio

2. Open it in your browser:

   • The simplest way is to open the index.html file directly in your browser.
   • For a better development experience (especially if using modules), use a local server. With Python:

     # Python 3.x
     python -m http.server 8000

     Then visit http://localhost:8000 in your browser.

📧 Let's Connect!

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your vision.

• Email: yalkhamesi2@gmail.com
• LinkedIn: Yamam Alkhamesi
• GitHub: @yma2929