كل المشاريع
بوابة للرصد الهيدرو-مناخي
ABH-SM
شبكة رصد الطقس والفرشات المائية والأودية لوكالة الحوض المائي لسوس ماسة — أُعيد بناؤها من الصفر للويب، ونُقلت إلى شاشات الوكالة الحائطية.
- العميل
- وكالة الحوض المائي لسوس ماسة · مشروع أُنجز في Green Solutions Maroc (Yobeen)
- دوري
- المطوّر الوحيد للواجهة — إعادة بناء كاملة، ثم تطبيق التلفاز
- المنصّات
- ويبتلفازحاسوب
قبل ← بعد
المشكلة
كانت الوكالة تستعمل بوابة رصد طوّرها زميل: شاشات مزدحمة، رسوم بيانية غير متناسقة، بدون وضع داكن ولا عربية، وصفحات بطيئة في عرض البيانات — لفريق يتابع عشرات محطات الطقس والفرشات المائية والتساقطات والأودية.
ما قمتُ به
- 01أعدتُ بناء البوابة من الصفر: خريطة مباشرة للمحطات، لوحات متابعة، رسوم بيانية متعددة القياسات، جداول، تقارير وإدارة.
- 02دعم كامل للفرنسية والإنجليزية والعربية — النسخة العربية معكوسة بالكامل، بما فيها الرسوم البيانية.
- 03وضعان فاتح وداكن، تصدير PDF وWord وExcel، جداول افتراضية للبيانات الكبيرة، وتسجيل الدخول برمز QR.
- 04بنيتُها على أساس أعدتُ استعماله لاحقًا لإعادة بناء ABH-DON.
- 05طوّرتُ نسخة التلفاز لشاشات الوكالة الحائطية — Android TV (Capacitor) وحاسوب (Tauri)، مع تنبيهات صوتية للفيضانات.
الشاشات
النتيجة
- أُعيد بناؤها لتعويض التطبيق القديم، على واجهة API v3 الجديدة للوكالة.
- دفع تطبيق التلفاز مديري إلى أن يُسند إليّ باقي مشاريع الواجهات الأمامية في الشركة.
- أصبح أساسها نقطة انطلاق إعادة بناء ABH-DON.
التقنيات
- React 19
- TypeScript
- Vite
- Redux Toolkit
- Tailwind CSS
- shadcn/ui · Base UI
- ECharts
- OpenLayers
- i18next (FR/EN/AR)
- Capacitor
- Tauri
- REST API integration
تبحث عن موظف؟
مسؤول واجهات أمامية يُنجز أيضًا تطبيقات الهاتف والتلفاز والربط مع الخادم. دوام كامل، مهمة، أو عن بُعد.
لديك نشاط تجاري؟
موقع إلكتروني، متجر إلكتروني، أدوات داخلية، تطبيق هاتف — أتكفّل بكل الجانب التقني. لا حاجة لأي مصطلح تقني.