Documentation Application Satelec

L’application sera accessible depuis l’hyperviseur Citylinx (icône dédiée) et renverra vers un autre onglet.

Que doit permettre l’application exactement ?

→ Consultation de la Consommation Énergétique : Les élus pourront consulter la consommation d'énergie de leur collectivité afin d'identifier des opportunités d'économies.

→ Dashboard Interactif : Un tableau de bord rassemblant toutes les données des compteurs installés dans la ville, présentant les informations sous forme de graphiques/courbes/jauges..

→ Filtres de Période : Possibilité de filtrer les données par périodes spécifiques pour une analyse approfondie.

→ Exportation de Rapports : Les utilisateurs pourront exporter des rapports de données pour un partage et une analyse plus faciles.

→ Carte d’inventaire interactive : Les utilisateurs auront accès à une carte interactive pour y voir les objets et leurs informations dans leur commune.

→ Admin : Les administrateurs seront alertés en temps réel des problèmes potentiels et auront un contrôle total sur les utilisateurs, les compteurs, les villes et toutes les statistiques non accessibles aux élus.

Quels sont les objectifs ?

→ Centralisation de l'Information : Offrir un accès simplifié à toutes les informations de consommation énergétique sur une seule page, garantissant une interface utilisateur intuitive (UI/UX).

→ Contribution : Contribuer aux objectifs de durabilité et de transition énergétique des collectivités.

Stack

Stack :

• React : framework Javascript
• Typescript : à voir pour du TS à l’avenir
• Vite : outil de build
• Vitest : framework de test
• Zustand : gestionnaire d’états
• Nodejs : backend
• Express : serveur
• Elastic Search / Kibana : base de données
• MongoDB / Compass : base de données
• Leaflet : map interactive
• Git / Github : outil de versioning

Dépendances Front :

  "dependencies": {
    "@ant-design/icons": "^5.5.1",
    "@elastic/elasticsearch": "^8.17.0",
    "@react-pdf/renderer": "^4.0.0",
    "@testing-library/user-event": "^14.5.2",
    "antd": "^5.22.2",
    "body-parser": "^1.20.3",
    "dayjs": "^1.11.13",
    "dexie": "^4.0.10",
    "file-saver": "^2.0.5",
    "html2canvas": "^1.4.1",
    "jspdf": "^2.5.2",
    "jspdf-autotable": "^3.8.4",
    "leaflet": "^1.9.4",
    "leaflet.markercluster": "^1.5.3",
    "moment": "^2.30.1",
    "ol": "^10.3.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-icons": "^5.3.0",
    "react-leaflet": "^4.0.0",
    "zustand": "^5.0.1"
  },

Dépendances Back :

"dependencies": {
    "cors": "^2.8.5",
    "dotenv": "^16.4.7",
    "express": "^4.21.1",
    "mongoose": "^8.8.1"
  }