## 📌 أطلس ويب – منصة أخبار رقمية تفاعلية
### 💡 فكرة المشروع
"أطلس ويب" هو موقع إخباري رقمي يهدف إلى عرض الأخبار بشكل حديث وتفاعلي، مع تصميم جذاب وسهل الاستخدام يساعد المستخدمين على تصفح الأخبار بسرعة والوصول لأهم المحتوى بسهولة.
---
### 🎯 الهدف من المشروع
* إنشاء موقع إخباري متكامل باستخدام تقنيات الويب
* تقديم تجربة مستخدم مريحة وسريعة
* عرض الأخبار بشكل منظم حسب التصنيفات
* تطوير مهاراتي في تصميم وتطوير واجهات المستخدم
---
### 🛠️ التكنولوجيز المستخدمة
* **HTML**: لبناء هيكل الموقع
* **CSS**: لتصميم واجهة المستخدم (Responsive + Animations)
* **JavaScript**: لإضافة التفاعل وتحميل الأخبار ديناميكيًا
* (اختياري) API لعرض أخبار حقيقية
---
### 🧱 مكونات الموقع
#### 🏠 الصفحة الرئيسية (Home)
* عرض أهم الأخبار (Trending News)
* سلايدر للأخبار المميزة
* أقسام سريعة للتنقل بين التصنيفات
#### 🗂️ الأقسام (Categories)
* أخبار عامة
* تكنولوجيا
* رياضة
* اقتصاد
* كل قسم يحتوي على قائمة أخبار خاصة به
#### 📰 صفحة التفاصيل (News Details)
* عرض الخبر بالكامل
* صورة الخبر
* تاريخ النشر
* كاتب الخبر (اختياري)
#### 🔍 البحث (Search)
* إمكانية البحث عن الأخبار بكلمات مفتاحية
#### 📞 Contact / About
* معلومات عن الموقع
* طرق التواصل
---
### 🎨 المميزات (Features)
* تصميم Responsive يعمل على جميع الأجهزة
* واجهة مستخدم بسيطة وسهلة
* تنقل سلس بين الصفحات
* إمكانية تحميل الأخبار بشكل ديناميكي
* استخدام Animations لزيادة التفاعل
---
### 🚀 التحديات
* تنظيم وعرض كمية كبيرة من البيانات
* تحسين تجربة المستخدم (UX)
* التعامل مع JavaScript في جلب البيانات
* ضبط التصميم ليكون متجاوب مع كل الشاشات
---
### 🧠 ما تعلمته من المشروع
* بناء موقع ديناميكي يشبه المواقع الحقيقية
* تحسين مهارات JavaScript والتعامل مع البيانات
* تنظيم الكود بطريقة احترافية
* تصميم واجهات مستخدم حديثة
---
### 🔗 استخدام المشروع
* إضافته كمشروع مميز على GitHub
* عرضه في LinkedIn
* إضافته ضمن Portfolio الشخصي
---
### ✨ تطويرات مستقبلية
* ربط الموقع بـ API حقيقي للأخبار
* إضافة نظام تسجيل مستخدمين
* إضافة التعليقات على الأخبار
* تحسين الأداء والسرعة
* تحويل المشروع إلى React
