🔹 التقنيات المستخدمة:
HTML5: لبناء هيكل الصفحات.
CSS3: لتصميم واجهة حديثة ومتجاوبة مع جميع الشاشات.
JavaScript (Fetch API): لعرض الأخبار ديناميكيًا من خلال استهلاك News API (مثل NewsAPI.org
).
🔹 الصفحات الأساسية:
🏠 الصفحة الرئيسية (Home):
تعرض أحدث الأخبار من مصادر متعددة.
يتم تحديث الأخبار تلقائيًا من الـ API.
تصنيفات حسب الأقسام (سياسة – رياضة – اقتصاد – تكنولوجيا).
ℹ️ صفحة عن الموقع (About):
نبذة عن فكرة الموقع وطريقة عمله.
✉️ صفحة تواصل معنا (Contact):
تحتوي على نموذج بسيط لإرسال الرسائل (Form).
🔹 الخصائص (Features):
جلب الأخبار الحية باستخدام API.
عرض الصور والعناوين والوصف لكل خبر.
إمكانية البحث عن أخبار محددة بكلمة مفتاحية.
تصميم Responsive متوافق مع الأجهزة المختلفة.
واجهة بسيطة وسهلة الاستخدام.
🔹 أدوات إضافية يمكن إضافتها:
عرض التاريخ والوقت الحالي.
تحميل المزيد من الأخبار (Load More).
تغيير الثيم بين Dark / Light Mode.
🎯 الهدف من المشروع:
تعلم كيفية دمج واجهة أمامية (Frontend) مع API خارجي بطريقة احترافية، واكتساب مهارة بناء مواقع ديناميكية باستخدام تقنيات الويب الأساسية فقط.
