MLZ-Advanced
Une plateforme complète pour la vente de terrains et de biens immobiliers : acquisition de prospects, parcours client cartographique et console interne étendue pour la gestion des inventaires, des ventes, des paiements et des validations.
Next.js 16
React 19
TypeScript
Prisma + MongoDB
Mapbox GL
SCSS
Recharts
Aperçu
MLZ-Advanced est la plateforme d'exploitation au cœur d'une entreprise de vente immobilière. Un premier volet s'adresse au public et aux clients : pages d'atterrissage, explorateur cartographique pour les projets et parcelles, et parcours de manifestation d'intérêt d'achat avec vérification téléphonique. L'autre volet est une console interne complète où l'équipe gère l'ensemble des opérations commerciales, notamment les stocks, les clients, les demandes d'achat, les paiements, les approbations, les rapports et les communications. Il s'agit d'une application d'envergure, conçue comme une application web progressive (PWA) et fonctionnant en mode bilingue arabe et anglais.
Le Problème
La vente de terrains et de parcelles implique une grande quantité d'états complexes à suivre rigoureusement. Chaque parcelle comprend un prix, des dimensions, une orientation, un titre de propriété, les raccordements aux services publics et un statut qui évolue au fil de la transaction. Les clients passent de prospect à opportunité puis à acheteur, les paiements s'effectuent selon différentes modalités et nécessitent une validation, et de nombreuses actions requièrent une approbation formelle, notamment les reventes, les annulations et les modifications d'autorisations. Gérer tout cela au moyen de feuilles de calcul et d'outils déconnectés n'est pas viable à grande échelle. L'entreprise avait besoin d'un système unique prenant en charge à la fois le parcours utilisateur public et les rouages internes, avec la piste d'audit et les flux d'approbation indispensables aux opérations immobilières.
Mon Rôle et Mon Approche
Il s'agit d'un projet d'envergure mené en équipe qui s'est développé sur une longue période, au sein duquel j'ai travaillé en tant qu'ingénieur front-end. La base de code est organisée de façon à ce que des publics très différents (le grand public, les clients et le personnel interne) partagent un déploiement unique tout en restant clairement séparés par groupes de routes et autorisations. Une grande partie de mon travail front-end s'est concentrée sur les surfaces à forte composante interactive : cartes, éditeurs en masse, graphiques et vues détaillées denses où le personnel effectue concrètement ses tâches, développées sous forme de composants clients s'appuyant sur des données sécurisées rendues côté serveur.
Stack Technique
Fonctionnalités Clés
Galerie
Défis et Solutions
La plateforme s'adresse à trois publics différents depuis une seule et même application, un équilibre délicat à concevoir. L'architecture s'appuie sur les route groups de Next.js pour isoler le site public, le parcours client et le tableau de bord interne selon leurs fonctions et leurs permissions, tout en partageant un déploiement unique. La mise en page du tableau de bord charge l'utilisateur connecté, identifie les modules propres à son service et filtre la navigation en conséquence.
La performance sous des volumes réels de données était l'autre défi permanent. Un inventaire foncier implique de longues listes, des cartes volumineuses et des pages de détail très denses en données. L'application conserve donc la récupération des données et l'autorisation côté serveur, tout en réservant les composants clients aux éléments véritablement interactifs : cartes, éditeurs de grille en masse, graphiques et modales. Des listes virtualisées maintiennent la réactivité des longs tableaux, et les données cartographiques sont converties en GeoJSON afin que les parcelles s'affichent sous forme d'objets spatiaux réels plutôt que d'images statiques.
Résultat
MLZ-Advanced est un système complet qui accompagne une entreprise immobilière depuis la première visite publique jusqu'à la vente finalisée, validée et payée, avec toute la précision d'inventaire, la profondeur CRM et les pistes de validation qu'exige ce secteur. Sa longévité et son envergure — une base de code développée sur plusieurs années et soumise à une forte activité — témoignent d'une plateforme qui a concrètement piloté une activité commerciale plutôt que d'un simple prototype.
Vous avez un problème de produit similaire ?
Partagez le produit actuel, le résultat dont vous avez besoin et les contraintes qui font déjà obstacle. J'utiliserai cela pour définir un premier jalon raisonnable.
Engager un développeur full stack