تفاصيل العمل

تطبيق متطور لعرض حالة الطقس (Weather Dashboard App)، تم بناؤه باستخدام React وواجهة برمجة تطبيقات OpenWeatherMap. يتميز المشروع بتصميم عصري (Modern UI) يعتمد على البساطة والوضوح، مع دمج ميزات تفاعلية ذكية.

1. الوظائف الأساسية (Core Features):

تحديد الموقع الجغرافي الذكي: يستخدم التطبيق خاصية الـ Geolocation لتحديد موقع المستخدم وعرض حالة الطقس فورياً.

البحث التفاعلي عبر الخريطة: ميزة مبتكرة تتيح للمستخدم اختيار أي نقطة في العالم عبر خريطة تفاعلية (غالباً باستخدام Leaflet)، والحصول على بيانات الطقس الدقيقة لتلك المنطقة

دعم لغات متعددة: التطبيق يدعم الواجهة العربية والإنجليزية بسلاسة، مع تغيير اتجاه النصوص (RTL/LTR).

بيانات طقس تفصيلية: يعرض درجة الحرارة الحالية، حالة السماء (صافي، غيوم، مطر)، الرطوبة، سرعة الرياح، والضغط الجوي.

2. الجوانب التقنية والتصميم (Technical Stack):

إطار العمل: React.js.

المكتبات البصرية: استخدام مكتبة Material UI (MUI) في تصميم الصندوق (Box) والأزرار، مما أعطى التطبيق مظهراً احترافياً.

التصميم المتجاوب: واجهة مستخدم (UI) جذابة مع خلفيات متدرجة (Gradients) تتناسب مع تطبيق عصري.

الرسوم المتحركة (Animations): دمج تأثيرات حركية مثل "الطفو" (Floating Animation) للأيقونات، مما يعزز تجربة المستخدم.

إدارة البيانات: الاعتماد على Axios لجلب البيانات الحقيقية من الـ APIs الخارجية.

ملفات مرفقة

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
تاريخ الإضافة
تاريخ الإنجاز
المهارات