Skip to content

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 install

Démarrage (Mode Dev avec Hot-Reload)

bash
npm run dev

L'application sera accessible sur http://localhost:5173.

Build pour la Production

bash
npm run build

Les 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.

Documentation Technique