طوّر لوحة طقس شاملة تعرض الحالة الحالية والتوقعات والتنبيهات بتصميم متجاوب وجذاب.
View original English sourceطوّر لوحة معلومات طقس شاملة باستخدام HTML5 وCSS3 وJavaScript وواجهة برمجة تطبيقات OpenWeatherMap API. صمّم واجهة جذابة تعرض حالة الطقس الحالية مع أيقونات مناسبة، وتغيّر الخلفية بناءً على حالة الطقس ووقت اليوم. اعرض توقعات مفصلة لمدة 5 أيام، مع إمكانية توسيع كل يوم لعرض التفاصيل بالساعة. نفّذ بحثًا عن الموقع مع إكمال تلقائي وسجل بحث، مع دعم البحث بأسماء المدن مثل الرياض وجدة أو باستخدام الإحداثيات. أضف دعم تحديد الموقع الجغرافي لاكتشاف موقع المستخدم تلقائيًا. وفّر خيارات تبديل لوحدات الحرارة (°C/°F) وتنسيقات الوقت. اعرض تنبيهات الأحوال الجوية القاسية مع إبراز الأولوية بوضوح. أظهر بيانات أرصاد جوية مفصلة تشمل سرعة الرياح واتجاهها، والرطوبة، والضغط الجوي، ومؤشر الأشعة فوق البنفسجية، وجودة الهواء متى ما توفرت. أضف أوقات شروق الشمس وغروبها مع مؤشرات مرئية. أنشئ تخطيطًا متجاوبًا بالكامل باستخدام CSS Grid يتكيف مع جميع أحجام الأجهزة، مع كثافة معلومات مناسبة لكل حجم شاشة.