Up monitors
Tableau de bord personnel pour surveiller l'état des services marill.dev en temps réel, sans passer par UptimeRobot.
Up monitors
<!-- cover fournie par Damien plus tard ; laisse ce placeholder tel quel -->
Un tableau de bord personnel pour voir l'état de tous ses services en un coup d'œil — sans ouvrir UptimeRobot.
Le projet
En 2020, au lieu d'ouvrir UptimeRobot à chaque vérification, j'ai construit un écran dédié accessible depuis n'importe quel appareil. L'idée est simple : toutes les données de supervision de marill.dev réunies sur une seule page, avec un rafraîchissement automatique. Un outil fait pour moi, qui m'a aussi servi de terrain d'apprentissage.
Ce que ça fait
- Affiche chaque service surveillé sous forme de carte (en ligne / en panne)
- Indique le temps écoulé depuis le dernier changement d'état et le dernier temps de réponse
- Se rafraîchit automatiquement toutes les 5 minutes
- Supporte les thèmes clair et sombre, pilotés par paramètre d'URL
- Packagé pour le web et le mobile via Capacitor
Le défi
Ce projet date de mes débuts. Avec le recul, l'architecture est simple — une page unique, des appels HTTP, un polling RxJS. Mais en 2020, brancher Angular à une API tierce, gérer le cycle de vie des requêtes et packager l'app pour mobile représentait une vraie marche à franchir.
Ce qui me semblait ambitieux à l'époque est devenu depuis une base évidente. C'est précisément ce qui donne à ce projet sa place dans ce portfolio : il marque un point de départ, pas un aboutissement.
En image
Visualisation abstraite d'un réseau de nœuds surveillés en temps réel.
Stack
| Couche | Techno |
|---|---|
| Framework | Angular 10 + Ionic 5 |
| Mobile | Capacitor 2 |
| APIs | UptimeRobot v2, api.marill.dev |
| Langages | TypeScript, SCSS |