Projet : Refonte de l’interface utilisateur et intégration d’un plan 2D interactif pour L&Smart
L’entreprise L&Smart, spécialisée dans les solutions de gestion des bâtiments connectés, a souhaité intégrer des plans 2D interactifs pour permettre à ses utilisateurs de visualiser et contrôler les équipements de leurs bâtiments en temps réel.
Objectif :
Développer un système de plans 2D interactifs, accessible via l’interface utilisateur, permettant aux utilisateurs et administrateurs de localiser, consulter et contrôler les équipements des bâtiments en quelques clics.
Technologies et outils :
- React pour la création des interfaces web interactives.
- TypeScript pour un typage fort et une meilleure maintenabilité du projet.
- Next.js pour la gestion des routes et des optimisations server-side.
- Tailwind CSS pour un design léger et rapide à intégrer.
Fonctionnalités principales :
- Visualisation et interaction avec les équipements via des pictogrammes sur le plan.
- Menu latéral rétractable pour une meilleure utilisation de l’espace.
- Contrôle des équipements via un menu dédié, avec possibilité de zoom et déplacement sur le plan.
Défis techniques :
Le développement du plan 2D devait être flexible et réactif pour s’adapter à différentes tailles d’écran, tout en maintenant une expérience fluide pour les utilisateurs. L’intégration du plan à l’infrastructure existante de L&Smart a nécessité des ajustements pour garantir la continuité des services, en particulier pour la gestion des abonnements et des autorisations.