🇴🇲 DiscoverOman - Explore the Beauty of Oman

Welcome to DiscoverOman — a modern, responsive tourism website that showcases the stunning attractions and seasonal highlights of the Sultanate of Oman.

🌐 Live Demo: Visit the website

---

📸 Project Overview

DiscoverOman is a static web application developed using HTML, CSS (Bootstrap), and a bit of JavaScript. It is designed to provide an engaging and informative experience for tourists and locals who want to discover must-see destinations, travel tips, seasonal experiences, and more.

The site is fully deployed on Microsoft Azure using:

• Azure Static Web Apps for hosting
• Azure Blob Storage for managing and delivering media assets
• GitHub Actions to automate CI/CD pipeline

---

🚀 Features

• 🏞️ Interactive landing page with high-quality visuals of Omani attractions
• 🗺️ Internal navigation with smooth scroll and clean UI
• 📱 Fully responsive on desktop and mobile devices
• 📦 Azure Blob Storage integration for scalable media hosting
• 🔁 CI/CD pipeline with GitHub Actions
• 📧 Contact form with server-side integration (via mail.php)
• 🌍 Multilingual-ready structure (Arabic/English)

---

🛠️ Built With

• HTML5 / CSS3
• Bootstrap 4
• JavaScript (Vanilla)
• Azure Static Web Apps
• Azure Blob Storage
• GitHub Actions (CI/CD)
• Visual Studio Code

---

🧠 What I Learned

During this project, I gained hands-on experience with:

• Setting up Azure Static Web Apps and connecting to GitHub repo
• Configuring Blob Storage to serve static content like images
• Automating deployment via GitHub Actions and resolving common CI/CD errors
• Debugging 404 deployment issues and environment variable misconfigurations
• Applying DevOps principles in a real-world project

---

📁 Folder Structure

discoveroman/
├── index.html
├── attractions.html
├── contact.html
├── css/
│   └── main.css
├── img/
│   └── [project images]
├── js/
│   └── main.js
├── mail.php
└── README.md

---

📦 Deployment

To deploy the site on Azure:

1. Push the code to GitHub
2. Go to Azure Portal > Static Web Apps > Create New
3. Link to GitHub repo and choose main branch + root folder
4. Set up GitHub Actions workflow automatically
5. (Optional) Use Blob Storage for storing images and linking them directly

---

🙏 Acknowledgments

Huge thanks to my manager for guidance and support during this journey.
Inspired by Oman's beauty and built with passion for clean, cloud-based solutions.

---

📬 Contact

• 📧 Email: mo.asaad999@gmail.com
• 💼 LinkedIn: Mohammed Asaad
• 🌍 Project: https://agreeable-forest-0f228ab0f.1.azurestaticapps.net/

---

💡 DiscoverOman is a personal learning project and not affiliated with any official tourism entity.