Mohamed Khaled - Portfolio

Welcome to the Mohamed Khaled Portfolio Project! This repository contains the code for my personal portfolio website, showcasing my skills, certificates, and professional journey as a developer.

---

Features

1. Responsive Design

• Fully responsive layout, optimized for both desktop and mobile devices.
• Mobile navigation menu with smooth transitions.

2. Dynamic Typing Effect

• Eye-catching typing animation to showcase various titles (e.g., Web Developer, Tech Enthusiast).

3. Navigation

• Fixed header with smooth scroll navigation.
• Mobile-friendly navigation menu toggling.

4. Sections

• Home: Introductory section with a professional portrait.
• About: Detailed overview of my background and goals.
• Skills: List of technical proficiencies, including HTML, CSS, JavaScript, NodeJS, and more.
• Certificates: A gallery of certifications demonstrating expertise in various fields.
• Contact: Contact details and availability.

5. Technologies Used

• HTML5 for structured content.
• CSS3 with TailwindCSS for modern styling.
• JavaScript for interactivity.
• Typed.js for dynamic text animation.
• Font Awesome for icons.

6. Custom Styling

• Clean, modern, and minimalistic design.
• Consistent use of colors and typography.

---

Benefits

• Professional Representation: Highlights skills, certifications, and contact information in a structured manner.
• Modern Design: Engages users with visually appealing layouts and animations.
• Mobile Accessibility: Ensures a seamless experience across devices.

---

Drawbacks

• Static Content: Updates require code changes (no CMS integration).
• No Backend: Limited to static display; no dynamic features like form submissions or API integrations.

---

Setup and Deployment

Prerequisites

Ensure you have the following:

• A web browser to view the portfolio.
• An internet connection to load external libraries (e.g., TailwindCSS, Font Awesome).

Steps

1. Clone this repository:

   git clone https://github.com/username/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Open index.html in your browser.

---

Roadmap

Future Improvements

• Add a contact form with backend integration.
• Include dynamic content management using a CMS.
• Enhance accessibility features (e.g., ARIA labels).

---

Contact

Feel free to reach out:

• Email: weroperking@gmail.com
• Outlook: weroperking@outlook.com

---

License

© 2024 Mohamed Khalid. All rights reserved.