Weather App

وصف مشروع: تطوير تطبيق طقس احترافي (Frontend)

أقدّم لكم تطبيق طقس بسيط، سريع، ومتجاوب يعمل على عرض حالة الطقس الحالية لأي مدينة في العالم باستخدام واجهة استخدام نظيفة وسهلة.

مميزات التطبيق

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

عرض درجة الحرارة الحالية بالدرجة المئوية

إظهار وصف الطقس مع الأيقونات الخاصة بالحالة

عرض سرعة الرياح والبيانات الأساسية

التعامل مع الأخطاء: مثل الأسماء غير الصحيحة أو مشاكل الشبكة

تصميم متجاوب يناسب جميع الشاشات (موبايل – كمبيوتر)

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

HTML5

CSS3

JavaScript (ES6+)

OpenWeatherMap API لعرض بيانات الطقس

️ مكونات المشروع

index.html — ملف الواجهة الأساسية

style.css — التنسيقات والتخطيط

app.js — منطق جلب البيانات من API ومعالجتها

README — ملف توضيحي شامل للمشروع باللغتين العربية والإنجليزية

كيفية عمل التطبيق

يقوم المستخدم بإدخال اسم مدينة صحيحة (مثل: لندن، نيويورك، طوكيو)

يضغط على “بحث” أو Enter

تظهر له بيانات الطقس الآنية، وتشمل:

اسم المدينة والدولة

درجة الحرارة

وصف الحالة الجوية

أيقونة الطقس

سرعة الرياح

معالجة الأخطاء

تنبيه في حال كتابة مدينة غير موجودة

رفض إدخال دولة بدلاً من مدينة

معالجة أي أخطاء ناتجة عن الاتصال أو الشبكة

ملاحظات مهمة

التطبيق يعتمد على النظام المتري (°C ، كم/ساعة)

يحتاج إلى اتصال بالإنترنت

مفتاح الـ API المجاني لديه حد تنفيذ 60 طلبًا في الدقيقة

الترخيص

المشروع مفتوح المصدر ومتاح للاستخدام الشخصي أو التعليمي.

مصدر البيانات

جميع بيانات الطقس مقدمة من OpenWeatherMap.