تطبيق ويب متكامل ومتعدد الصفحات لعرض حالة الطقس والتوقعات الجوية، تم بناؤه باستخدام التقنيات الأساسية (Vanilla JS) لضمان أداء سريع وتجربة مستخدم خالية من الأخطاء. يتميز التطبيق بقدرته على معالجة البيانات المعقدة وعرضها بشكل مبسط وجذاب.
أقسام المشروع الوظيفية:
صفحة البحث (Home/Search Page): واجهة بسيطة وسريعة تتيح للمستخدم البحث عن أي مدينة عالمياً مع خاصية التحقق من المدخلات.
صفحة البيانات اللحظية (Live Weather Page): تعرض تفاصيل الطقس الحالية (الحرارة، الرطوبة، سرعة الرياح) مع أيقونات تعبيرية تتحدث تلقائياً.
قسم التوقعات المستقبلية (Weather Forecast): ميزة عرض حالة الطقس للأيام القادمة، مما يساعد المستخدم على التخطيط المسبق.
صفحة الخطأ المخصصة (Error/404 Page): صفحة مصممة باحترافية تظهر في حال إدخال مدينة غير صحيحة أو حدوث مشكلة في الاتصال، لتوجيه المستخدم للعودة للبحث مرة أخرى.
المميزات التقنية:
Asynchronous JavaScript: استخدام Async/Await و Fetch API لربط التطبيق بسيرفرات الطقس العالمية وجلب البيانات الحية.
Handling Errors: برمجة منطق خاص لاكتشاف الأخطاء وتوجيه المستخدم لصفحة الخطأ بدلاً من تعطل التطبيق.
Dynamic UI: تحديث محتوى الصفحات ديناميكياً بدون الحاجة لإعادة تحميل الموقع بالكامل.
Responsive Layout: توافق تام مع جميع أحجام الشاشات باستخدام CSS Flexbox و Grid.
التقنيات المستخدمة:
JavaScript (ES6+): لإدارة المنطق البرمجي، الربط بالـ API، والتحكم في التنقل بين الصفحات.
HTML5 & CSS3: لبناء الهيكل وتصميم الواجهات الجمالية مع حركات انسيابية (Animations).