Mohammed Asaad Portfolio 🌐

This is a personal portfolio website built using Flask, HTML/CSS, and JavaScript — showcasing my skills, projects, and contact form. The backend is ready for deployment on Azure App Service, and the project structure is cloud-optimized.

---

🚀 Live Features

• 🌩️ Built for the Cloud — Easily deployable to Microsoft Azure.
• 💡 AI & Cloud Focus — Highlights projects in machine learning and cloud automation.
• 📧 Contact Form — Sends email using Flask-Mail with Gmail SMTP.
• 🎨 Dark/Light Mode toggle with smooth transitions.
• 📱 Responsive — Optimized for mobile, tablet, and desktop.
• 🎥 AOS Animations — Smooth scroll-based effects.

---

🛠️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript, AOS Library
• Backend: Python, Flask
• Cloud Ready: Azure (App Service, Storage, SMTP)
• Tools: Git, GitHub, VS Code

---

📂 Project Structure

My-Website/
├── app.py                  # Flask backend
├── requirements.txt        # Dependencies
├── static/
│   ├── assets/
│   │   ├── css/main.css
│   │   ├── js/flash.js
│   │   ├── images/
├── templates/
│   └── index.html
├── .gitignore
└── README.md

---

⚙️ Setup Instructions

1. Clone the repo

git clone https://github.com/Mohammed-asaad-AI/My-Website.git
cd My-Website

2. Create virtual environment

python -m venv venv
source venv/bin/activate  # or venv\Scripts\activate on Windows

3. Install requirements

pip install -r requirements.txt

4. Run the app

python app.py

App will be running at http://127.0.0.1:5000/

---

📬 Contact

Feel free to contact me via the contact form on the site, or through:

• LinkedIn: mohammed-asaad99
• GitHub: Mohammed-asaad-AI
• Email: mo.asaad999@gmail.com

---

📦 Deployment on Azure (Optional)

• Push code to GitHub
• Create Azure Web App
• Connect repo and enable CI/CD
• Configure environment variables for Flask and Mail settings

---

📝 License

Free for personal and educational use. Attribution appreciated.

---

Made by Mohammed Asaad