كل المشاريع
بوابة الرصد الهيدرو-مناخي وخطر الفيضانات
ABH-DON
شبكة المحطات وخرائط التوقعات ومراقبة خطر الفيضانات لوكالة الحوض المائي لدرعة واد نون — أُعيد بناؤها من الصفر، على الويب والتلفاز.
- العميل
- وكالة الحوض المائي لدرعة واد نون · مشروع أُنجز في Green Solutions Maroc (Yobeen)
- دوري
- المطوّر الوحيد للواجهة — إعادة بناء كاملة، ثم تطبيق التلفاز
- المنصّات
- ويبتلفازحاسوب
قبل ← بعد






المشكلة
كانت بوابة الوكالة تطبيقًا قديمًا طوّره زميل — متجاوزًا وصعب القراءة وبطيئًا — دون أي وسيلة لعرض التوقعات أو خطر الفيضانات في واحد من أكبر الأحواض بالمغرب.
ما قمتُ به
- 01أعدتُ بناء البوابة من الصفر، بهوية الوكالة ومحطاتها وصفحاتها الخاصة.
- 02صمّمتُ خرائط توقعات للحوض بأكمله ووحدة لمراقبة خطر الفيضانات (خريطة وجدول).
- 03خريطة مباشرة للمحطات ولوحات متابعة ورسوم بيانية — بالفرنسية والإنجليزية والعربية، في الوضعين الفاتح والداكن.
- 04تصدير PDF وWord وExcel وجداول افتراضية للبيانات الكبيرة.
- 05طوّرتُ نسخة التلفاز لشاشات الوكالة الحائطية، مع خرائط التوقعات وتنبيهات صوتية للفيضانات.
الشاشات





النتيجة
- أُعيد بناؤها لتعويض التطبيق القديم، على واجهة API v3 الجديدة للوكالة.
- تتقاسم أساسها مع ABH-SM — كل تحسين يصل إلى الوكالتين.
التقنيات
- React 19
- TypeScript
- Vite
- Redux Toolkit
- Tailwind CSS
- shadcn/ui · Base UI
- ECharts
- OpenLayers
- i18next (FR/EN/AR)
- Capacitor
- Tauri
- REST API integration
تبحث عن موظف؟
مسؤول واجهات أمامية يُنجز أيضًا تطبيقات الهاتف والتلفاز والربط مع الخادم. دوام كامل، مهمة، أو عن بُعد.
لديك نشاط تجاري؟
موقع إلكتروني، متجر إلكتروني، أدوات داخلية، تطبيق هاتف — أتكفّل بكل الجانب التقني. لا حاجة لأي مصطلح تقني.