LocaliBien

L’idée

Les annonces immobilières donnent rarement l’adresse exacte du bien. Elles affichent en revanche les informations de son diagnostic de performance énergétique (DPE) : surface, classes énergie et climat, consommation, émissions de gaz à effet de serre… Or l’ADEME publie ces diagnostics en open data, avec leur adresse. LocaliBien croise les deux pour retrouver la maison.

Comment ça marche

• On relève les informations de l’annonce et on les reporte dans les filtres : commune, surface habitable, classes DPE et GES, consommation, émissions, date du diagnostic ou année de construction.
• Chaque valeur se recherche en mode exact, en intervalle ou arrondi (120 m² couvre de 120 à 120,9 m²), pour absorber les approximations des annonces.
• La date du diagnostic choisit automatiquement la bonne base : les DPE réalisés depuis juillet 2021 ou ceux d’avant.
• Les maisons correspondantes s’affichent avec leur adresse et leurs étiquettes, et un clic ouvre l’adresse dans Google Maps ou Street View pour la confirmer.

La version 2026

• Une nouvelle identité visuelle : logo, illustration de la carte et étiquettes DPE et GES aux couleurs officielles.
• Une page d’accueil pédagogique : les trois étapes, les infos à relever avec un exemple d’annonce et une FAQ.
• Une interface de recherche plein écran : filtres dans un panneau latéral repliable (ou un tiroir sur mobile), tableau de résultats triable sur ordinateur, cartes sur mobile et pagination.
• Une recherche de commune par nom, code postal ou département, qui gère les arrondissements de Paris, Lyon et Marseille.
• Un référencement soigné : page d’accueil pré-rendue, balises propres à chaque page, sitemap et données structurées.

Côté technique

Projet personnel conçu et développé en React 19, TypeScript, Vite et Tailwind CSS 4, avec des composants Radix UI (shadcn/ui) et react-hook-form. Les données viennent de l’API data-fair de l’ADEME et de l’API Géo de l’État. Le site est déployé sur Vercel.