Skip to content

Repository files navigation

Embedded Systems Management Web Application — Frontend

Interface utilisateur de l'application de gestion et supervision des systèmes embarqués, développée avec Angular 19 dans le cadre d'un stage de fin d'études chez Be Wireless Solutions (BWS).


Stack technique

Couche Technologie
Framework Angular 19
Langage TypeScript
UI CSS personnalisé
Alertes SweetAlert2
Communication API HttpClient (REST)

Fonctionnalités

  • Dashboard avec KPIs temps réel selon le rôle (Admin / Utilisateur)
  • Gestion des systèmes embarqués (liste, détail, création, édition)
  • Gestion des capteurs avec types et configurations
  • Moteur de règles par capteur (seuil, sévérité, opérateur)
  • Historique des mesures des capteurs
  • Alertes avec niveaux de criticité
  • Gestion des utilisateurs et des profils
  • Authentification JWT avec guards et intercepteur HTTP

Structure du projet

src/app ├── components/ │ ├── auth/ → Login, Signin │ ├── layout/ → Navbar, Sidebar, Header, Footer │ └── pages/ → Dashboard, Systèmes, Capteurs, Alertes, Users... ├── services/ → Communication avec l'API backend └── guards/ → AuthGuard, NoAuthGuard


Lancer le projet

Prérequis

  • Node.js 18+
  • Angular CLI 19

Installation

npm install

Démarrage

ng serve

L'application sera disponible sur : http://localhost:4200

⚠️ Le backend doit être lancé sur http://localhost:9000


Backend

Le backend Spring Boot est disponible ici :
Embedded-Systems-Management-Web-Application---Backend

Screenshots

Login

Login

Dashboard

Dashboard

Notifications

Sensors

Sensor Details

Sensor Details

Alerts

Alerts

User Profile

User Profile

About

This repository contains the frontend of an Embedded Systems Management Web Application, developed with Angular.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages