Thème
FireSupervisor Frontend
Le frontend est une Single Page Application (SPA) moderne construite avec Vue.js 3 et Vite, offrant une interface de supervision réactive et performante.
Technologies Clés
- Vue.js 3 (Composition API,
<script setup>) - Vite : Build tool rapide et serveur de développement.
- TypeScript : Typage statique pour une meilleure maintenabilité.
- Tailwind CSS 4 : Framework CSS utilitaire pour le design.
- Pinia : Gestion d'état (Store).
- Vue Router : Gestion de la navigation.
- @microsoft/signalr : Client pour la communication temps réel avec le backend.
Installation et Démarrage
Prérequis
- Node.js (v20+ recommandé).
Installation des dépendances
bash
npm installDémarrage (Mode Dev avec Hot-Reload)
bash
npm run devL'application sera accessible sur http://localhost:5173.
Build pour la Production
bash
npm run buildLes fichiers compilés seront générés dans le dossier dist/.
Structure du Projet
- src/components : Composants Vue réutilisables.
- src/views : Pages principales de l'application.
- src/stores : Stores Pinia pour l'état global.
- src/services : Logique de communication (API, SignalR).
- src/assets : Images, fonts et styles globaux.