Retour aux projets

Double Projet DevOps : Plateforme SaaS de Monitoring & Dev Dashboard Local

Développement d’une plateforme SaaS de monitoring et d’un dashboard local pour automatiser la création et la gestion d’environnements Docker multi-stack, facilitant la supervision et le déploiement pour les développeurs.

Double Projet DevOps : Plateforme SaaS de Monitoring & Dev Dashboard Local

Technologies

DockerGitMéthode AgileNext.jsReactSQLWebStorm

Contexte et objectif

Passionné par l’optimisation des workflows de développement, j’ai conçu deux outils complémentaires pour répondre à des besoins concrets des développeurs :

  • une plateforme SaaS de monitoring de sites web,
  • et une interface locale de gestion de projets Docker multi-stack.

Ces deux solutions visent à simplifier la supervision continue d’applications et l’automatisation de la mise en place d’environnements de développement complets. Elles posent les bases d’outils pensés pour évoluer vers des produits commerciaux robustes.


Plateforme SaaS de monitoring

Pensée pour surveiller en temps réel la disponibilité et la performance des sites web, cette plateforme multi-tenant intègre une authentification OAuth2 (Google, GitHub) pour un accès simplifié. Elle propose :

  • Tests automatisés : HTTP, Ping, SSL, performance front-end.
  • Alertes configurables (email, webhook) pour réagir rapidement en cas d’incident.
  • Rapports PDF et pages de statut publiques pour informer les utilisateurs ou clients.
  • Fréquence de surveillance ajustable selon le plan choisi.

Stack technique :

  • Frontend : Next.js
  • Backend : NestJS
  • Base de données : PostgreSQL
  • Gestion des tâches asynchrones : BullMQ + Redis

Dev Dashboard local

Destiné à accélérer le travail des développeurs, ce tableau de bord local permet de créer, gérer et piloter des projets multi-stack directement sur la machine de développement, sans passer par le terminal. Il offre :

  • Création de projets via un formulaire simple avec choix de stacks (PHP, Node.js, etc.).
  • Démarrage/arrêt des services en un clic.
  • Mapping automatique avec Traefik pour générer des URLs locales (ex. mon-projet.local).
  • Accès direct aux services back-end et bases de données (MySQL, PostgreSQL, etc.).

Stack technique :

  • Frontend : React + TailwindCSS
  • Backend : Node.js (Express)
  • Base de données : PostgreSQL
  • Orchestration : SDK Docker + Traefik

DevOps & automatisation CI/CD

Pour garantir un développement fluide et des déploiements fiables, j’ai intégré dès le départ une infrastructure DevOps basée sur :

  • GitHub Actions pour un pipeline CI/CD complet (lint, tests, build, déploiement).
  • Docker + Compose pour l’isolation et la portabilité des environnements.
  • Redis + BullMQ pour la planification et l’exécution performante des jobs de monitoring.

Intégration de l’infrastructure DevOps et automatisation CI/CD

Un aspect essentiel de ces projets a été l’intégration de pratiques DevOps dès la conception. Pour assurer une livraison rapide et fiable, j’ai mis en place un pipeline CI/CD complet via GitHub Actions, permettant l’automatisation des phases de lint, de test, de build et de déploiement. La containerisation a été assurée par Docker et Docker Compose, afin de garantir l’isolation des environnements, leur portabilité et une orchestration simple sur différents systèmes. La planification et l’exécution des tests dans la plateforme de monitoring étaient gérées par Redis et BullMQ, assurant un traitement performant même en cas de charge élevée.


Résultats et perspectives

Ces deux projets fonctionnent aujourd’hui parfaitement en local et dans le cloud, offrant une expérience utilisateur fluide et intuitive. Ils constituent une base solide pour une commercialisation future sous modèle freemium.
Parmi les évolutions prévues : intégration d’un système de paiement, ouverture d’une API publique et ajout d’un mode sombre pour améliorer le confort d’utilisation.