منصة "Know Before You Go" للتنبؤ بالطقس المتطرف (بالتعاون مع NASA Data)

ده واحد من أضخم المشاريع اللي اشتغلت عليها، وهو عبارة عن منصة ذكية للتنبؤ بحالات الطقس المتطرفة بناءً على بيانات حقيقية من ناسا (NASA Giovanni). الهدف منه مساعدة المزارعين ومنظمي الفعاليات في التخطيط للمستقبل بناءً على احتمالات دقيقة (Probabilistic Modeling) مش مجرد توقعات عادية.

دوري في المشروع ـ Frontend Developer:

كنت مسؤولة عن تحويل التحليلات المعقدة والنماذج الرياضية لواجهة مستخدم تفاعلية (Interactive Dashboard) بتخلي المستخدم العادي يفهم الداتا بسهولة.

أبرز التحديات والحلول التقنية اللي نفذتها:

خرائط تفاعلية (Maps Integration): استخدمت Leaflet.js و React-Leaflet عشان أسمح للمستخدم يحدد مكانه بدقة على الخريطة سواء بالبحث أو برسم حدود (Drawing boundaries) للحصول على التوقعات.

عرض البيانات (Data Visualization): حولت نتائج الـ Machine Learning والـ NASA Datasets لرسوم بيانية تفاعلية (Charts & Heatmaps) بتعرض احتمالات الأمطار ودرجات الحرارة بشكل يسهل اتخاذ القرار.

تجربة المستخدم (UI/UX): صممت لوحة تحكم (Dashboard) بتدعم الـ Dark & Light Mode مع مراعاة الـ Responsiveness الكامل عشان المنصة تشتغل بكفاءة على الموبايل والديسكتوب.

الربط مع الـ Backend: استخدمت Axios للتعامل مع الـ APIs الخاصة بالمنصة، مع عمل نظام Protected Routes باستخدام React Router لتأمين صفحات المستخدمين المسجلين.

نظام التنبيهات الذكي: نفذت واجهة بتعرض نصائح مباشرة بناءً على الداتا (Actionable Insights) زي: "High risk of heavy rain – consider backup plans".

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

Frontend: React.js, Tailwind CSS.

State Management: Context API, Hooks (useState, useEffect).

Maps: Leaflet.js, React-Leaflet.

Networking: Axios, JWT Authentication.

Tools: Git, Vercel for Deployment.