Au cours d'un projet client de site web listant des annonces immobilières (alimenté par un logiciel de gestion), il a fallu étudier la possibilité d’afficher sur chaque page d’annonce un diagnostic de performance énergétique complet à partir des seules valeurs chiffrées fournies par l’outil de gestion.
J’ai rapidement constaté que l’offre de solutions existantes était limitée : pas à jour avec la réglementation, plugins payants mais n’offrant aucune garantie de qualité, code lourd et mal optimisé, affichage non adapté au mobile.
J’ai donc entrepris de développer moi-même une solution qui correspondrait à mes attentes et de la distribuer avec une licence open-source.
Objectif
L’idée est d’arriver à un outil qui soit facile à utiliser et suffisamment flexible pour accommoder un maximum de cas d’usages. Le tout en suivant la liste de contraintes suivantes, à la fois dans un but pratique mais aussi d’expérimentation :
- Afficher les DPE en HTML et CSS en limitant le plus possible les images et sans utiliser de framework de rendu (inutile ici), et ce afin de rendre le code client le plus léger possible.
- Assurer la qualité du code et du rendu en définissant des critères de qualité et en introduisant des outils de vérification : Typescript, ESlint, Prettier, tests unitaires, tests de rendu.
- Automatiser un maximum de tâches avec des scripts, des hooks git et de l'intégration continue.
La librairie de base sera complétée par une extension WordPress ainsi qu’un wrapper React pour l'intégrer facilement dans toutes sortes de sites et applications web, tout en évitant la répétition et la réécriture.
Résultat
Ce projet a vu le jour à l’été 2024 et continue d’être activement développé afin d’atteindre la première version majeure stable prochainement.
