Weather App

تطبيق الطقس المتطور (Weather App)

تطبيق الطقس المتطور هو تطبيق حديث مبني باستخدام React يقدم معلومات الطقس عبر واجهة مستخدم جذابة وسلسة.

المميزات التقنية:

مبني باستخدام React وTypeScript.

يعتمد على WeatherAPI.com للحصول على بيانات الطقس الدقيقة.

تصميم Responsive متجاوب يعمل بكفاءة على جميع الأجهزة.

إدارة الحالة باستخدام React Context.

تصميم مكونات الواجهة باستخدام Tailwind CSS.

استخدام الأيقونات من مكتبة Lucide React.

الوظائف الرئيسية:

البحث عن المواقع مع خاصية الإكمال التلقائي (Auto-complete).

عرض درجات الحرارة بوحدتي السيلسيوس والفهرنهايت.

تحديد الموقع الحالي تلقائيًا باستخدام Geolocation.

عرض تفاصيل الطقس الحالي مثل:

درجة الحرارة

نسبة الرطوبة

سرعة الرياح

مؤشر الأشعة فوق البنفسجية (UV Index)

مدى الرؤية (Visibility)

عرض توقعات الطقس لمدة 3 أيام قادمة.

عرض معلومات إضافية مثل:

أوقات الشروق والغروب

احتمالية سقوط الأمطار

وصف حالة الطقس الحالية

المميزات التصميمية:

خلفيات متغيرة ديناميكيًا حسب حالة الطقس.

تطبيق تأثير Glassmorphism باستخدام خاصية backdrop-blur.

استخدام Animations سلسة لانتقال المشاهد.

دعم الوضع الليلي (Dark Mode) تلقائيًا أثناء الطقس الليلي.

مؤشرات تحميل (Loading States) مع تأثير Skeleton Loading.

تأثيرات تفاعلية عند تمرير المؤشر (Hover Effects).

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

React

TypeScript

Tailwind CSS

WeatherAPI

Vite

Lucide React icons