Tous les projets
Portail hydro-météo & risque de crue
ABH-DON
Le réseau de stations, les cartes de prévisions et la surveillance du risque de crue de l'agence du bassin hydraulique du Drâa-Oued Noun — refaits de zéro, sur web et sur TV.
- Client
- Agence du bassin hydraulique du Drâa-Oued Noun · projet réalisé chez Green Solutions Maroc (Yobeen)
- Mon rôle
- Seul développeur frontend — refonte complète, puis l'application TV
- Plateformes
- WebTVBureau
Avant → après
Le problème
Le portail de l'agence était une ancienne application développée par un collègue — datée, difficile à lire et lente — sans moyen d'afficher les prévisions ni le risque de crue sur l'un des plus grands bassins du Maroc.
Ce que j'ai fait
- 01Refait le portail de zéro, avec l'identité, les stations et les pages propres à l'agence.
- 02Conçu des cartes de prévisions pour tout le bassin et un module de surveillance du risque de crue (carte et tableau).
- 03Carte des stations en direct, tableaux de bord et graphiques — en français, anglais et arabe, clair et sombre.
- 04Exports PDF / Word / Excel et tableaux virtualisés pour les gros volumes.
- 05Développé la version TV pour les écrans muraux de l'agence, avec cartes de prévisions et alertes de crue vocales.
Écrans
Le résultat
- Refait pour remplacer l'ancienne application, sur la nouvelle API v3 de l'agence.
- Partage sa base avec ABH-SM — chaque amélioration profite aux deux agences.
Technologies
- React 19
- TypeScript
- Vite
- Redux Toolkit
- Tailwind CSS
- shadcn/ui · Base UI
- ECharts
- OpenLayers
- i18next (FR/EN/AR)
- Capacitor
- Tauri
- REST API integration
Vous recrutez ?
Un lead frontend qui livre aussi le mobile, la TV et le lien avec le backend. CDI, mission ou à distance.
Vous avez une entreprise ?
Site web, boutique en ligne, outils internes, application mobile — je prends toute la partie tech en charge. Pas besoin de mots techniques.