Smart Weather App APIs

قمت بتطوير موقع تفاعلي لتوقعات الطقس (Smart Weather App) باستخدام HTML وCSS (Bootstrap) وJavaScript، مع ربطه بـ Weather API لجلب بيانات الطقس بشكل مباشر حسب المدينة التي يدخلها المستخدم.

يركز المشروع على تقديم تجربة مستخدم سهلة وسريعة مع عرض بيانات الطقس بشكل واضح وديناميكي.

أهم المميزات التي قمت بتنفيذها:

• البحث عن الطقس حسب اسم المدينة

• عرض حالة الطقس الحالية بشكل مباشر

• عرض توقعات الطقس لمدة يومين إضافيين

• تحديث البيانات بشكل لحظي باستخدام API

• عرض تفاصيل مهمة مثل:

درجة الحرارة

الرطوبة

سرعة واتجاه الرياح

• تغيير الأيقونات حسب حالة الطقس (Dynamic Icons)

• دعم الوضع الليلي (Dark Mode) والوضع العادي

• تصميم متجاوب يعمل على جميع الأجهزة

التقنيات المستخدمة:

• HTML5

• CSS3 / Bootstrap

• JavaScript (DOM Manipulation + Fetch API)

• Weather API Integration

ما يميز هذا المشروع:

• التعامل مع APIs وربط البيانات الخارجية

• تحديث البيانات بشكل ديناميكي بدون إعادة تحميل الصفحة

• تنظيم الكود وفصل المنطق عن العرض

• تحسين تجربة المستخدم وسهولة التفاعل

هذا المشروع يعكس مهاراتي في بناء مواقع تفاعلية وربطها بمصادر بيانات خارجية، ويمكن تطويره لاحقًا بإضافة ميزات مثل تحديد الموقع تلقائيًا أو حفظ المدن المفضلة.