Datashelter - Développement Dashboard React & NestJS

Datashelter : Solution de sauvegarde conforme RGPD et HDS

Datashelter est une solution SaaS de sauvegarde automatique développée par Malo Paletou, entrepreneur technique passionné. Le projet vise à offrir aux entreprises un système de sauvegarde fiable, sécurisé et conforme au RGPD (Règlement Général sur la Protection des Données) et HDS (Hébergement de Données de Santé) pour protéger leurs données critiques.

Conformité RGPD et certification HDS

Datashelter se distingue par sa conformité stricte aux réglementations européennes. La plateforme est conforme au RGPD, garantissant que les données des entreprises sont traitées selon les standards les plus exigeants de protection de la vie privée. Elle répond également aux exigences HDS (Hébergement de Données de Santé), permettant aux professionnels de santé et organismes médicaux de stocker leurs données sensibles en toute légalité.

La certification ISO 27001 atteste de la mise en place d'un système de management de la sécurité de l'information robuste et fiable.

Sauvegarder vos serveurs Linux en 1 minute

Cette vidéo présente la simplicité d'utilisation de Datashelter pour configurer rapidement et efficacement vos sauvegardes automatiques.

Un projet technique ambitieux

Datashelter combine plusieurs technologies modernes pour créer une plateforme complète de gestion de sauvegardes. L'application permet aux entreprises de configurer leurs serveurs de sauvegarde, de gérer automatiquement les sauvegardes, de recevoir des notifications en cas d'incident, et de suivre leur facturation via un dashboard intuitif.

Une architecture distribuée

Le projet repose sur une architecture moderne avec plusieurs composantes techniques. Malo développe la partie backend en langage Go qui gère les opérations de sauvegarde, les traitements lourds et la logique métier. De mon côté, j'interviens sur la partie React et NestJS pour le dashboard utilisateur, l'interface d'administration et les intégrations tierces.

Le contexte : Socium Pass pour un développement continu

Une collaboration technique sur le long terme

Dans le cadre de Socium Pass, j'accompagne Malo dans le développement de Datashelter. Contrairement à Socium Time qui intervient ponctuellement, Socium Pass est un accompagnement mensuel régulier adapté aux projets qui nécessitent un développement continu et une collaboration étroite.

Pour expliquer simplement : imaginez Socium Time comme un médecin que vous consultez quand vous êtes malade, et Socium Pass comme un coach sportif qui vous accompagne régulièrement pour atteindre vos objectifs. Les deux ont leur utilité selon les besoins.

Une répartition claire des rôles

La réussite du projet Datashelter repose sur une répartition claire des responsabilités. Malo se concentre sur le backend en langage Go, gérant les opérations de sauvegarde, la logique métier et les traitements serveur. De mon côté, je prends en charge le frontend en React pour l'interface utilisateur, le backend NestJS pour les APIs et intégrations, et les connexions avec les services tiers comme Stripe et SendGrid.

Mon intervention : React et NestJS

Les fonctionnalités développées

J'interviens sur un large spectre de fonctionnalités qui mêlent frontend et backend. Voici ce que je développe et maintiens pour Datashelter.

Le système d'envoi automatique de mails utilise SendGrid pour envoyer des emails de confirmation, d'alerte et de notification aux utilisateurs. Imaginez que vous receviez automatiquement un email quand une sauvegarde se termine ou quand un problème survient : c'est cette partie que je gère techniquement avec l'intégration SendGrid dans NestJS.

La gestion de la facturation avec Stripe permet aux clients de payer leurs abonnements directement dans l'application. Je gère l'intégration complète : création des abonnements, gestion des paiements récurrents, génération des factures, et suivi des transactions. Pour les utilisateurs, c'est transparent : ils entrent leur carte bancaire et tout se gère automatiquement grâce à Stripe.

Le parcours de création serveur guide les utilisateurs étape par étape pour configurer leur premier serveur de sauvegarde. C'est comme un assistant qui vous pose les bonnes questions et configure tout automatiquement en fonction de vos réponses.

Le système de gestion d'incident et de notification détecte les problèmes (sauvegarde échouée, espace disque plein, erreur serveur) et alerte automatiquement les utilisateurs par email et dans le dashboard. Cela permet aux entreprises de réagir rapidement avant que leurs données soient en danger.

Les fonctionnalités de suppression et de gestion permettent aux utilisateurs de gérer leurs serveurs, supprimer des sauvegardes anciennes, configurer les mécanismes de sauvegarde automatique, et ajuster les paramètres selon leurs besoins.

Technologies utilisées

Le dashboard est développé avec React, une bibliothèque JavaScript pour créer des interfaces utilisateur modernes et réactives. Pour expliquer simplement, React permet de créer des applications web qui réagissent instantanément à chaque action de l'utilisateur, comme une application mobile mais dans le navigateur.

La partie backend utilise NestJS, un framework professionnel basé sur Node.js qui structure le code côté serveur. NestJS gère les APIs qui permettent au frontend React de communiquer avec la base de données et les services tiers.

L'intégration Stripe permet de gérer tous les aspects de la facturation automatique, tandis que l'intégration SendGrid s'occupe de l'envoi fiable et professionnel des emails transactionnels.

Infrastructure et déploiement

Le projet utilise Docker pour conteneuriser l'application. Docker permet d'empaqueter l'application avec toutes ses dépendances dans un conteneur isolé, garantissant qu'elle fonctionne de manière identique en développement, en test et en production. C'est comme emballer votre application dans une boîte avec tout ce dont elle a besoin pour fonctionner, peu importe où vous la déployez.

Nous utilisons également un environnement UAT (User Acceptance Testing). C'est un environnement de pré-production où nous testons les nouvelles fonctionnalités avant de les déployer en production. Cela permet à Malo et aux utilisateurs bêta-testeurs de valider que tout fonctionne correctement sans risquer de casser l'application en production utilisée par les vrais clients.

Organisation du travail : Réunions hebdomadaires

Un point régulier pour rester alignés

Chaque semaine, Malo et moi organisons une réunion hebdomadaire pour faire le point sur le travail de la semaine écoulée. Ces réunions sont essentielles pour plusieurs raisons.

C'est l'occasion de faire le bilan des fonctionnalités développées, des bugs corrigés, et des avancées sur chacune de nos parties du projet. Nous pouvons échanger sur les difficultés rencontrées et voir ensemble ce qui peut poser problème avant que ça ne bloque le projet. Cela permet aussi de coordonner nos développements : ma partie React/NestJS doit s'interfacer parfaitement avec la partie langage Go de Malo.

Pourquoi une collaboration étroite est primordiale

Malo travaille sur une partie du projet (le backend langage Go qui gère les sauvegardes), et je travaille sur une autre partie (le dashboard React/NestJS). Dans ce type de projet distribué, une communication indispensable car nos deux parties doivent s'interfacer en permanence.

Si Malo modifie la façon dont le backend langage Go expose certaines données, je dois adapter le frontend React pour afficher ces données correctement. Si je développe une nouvelle fonctionnalité dans le dashboard, elle doit s'appuyer sur des APIs que nous devons définir ensemble. Sans ces réunions hebdomadaires et cette communication constante, le projet risquerait de partir dans des directions incohérentes.

Socium Pass : L'offre adaptée au développement continu

Pourquoi Socium Pass plutôt que Socium Time ?

Pour un projet comme Datashelter qui nécessite un développement continu sur plusieurs mois, Socium Pass est l'offre idéale. Contrairement à Socium Time qui facture à l'heure pour des interventions ponctuelles, Socium Pass offre un accompagnement mensuel régulier avec un volume d'heures défini.

Concrètement, Malo sait qu'il peut compter sur moi chaque semaine pour développer de nouvelles fonctionnalités, corriger des bugs, et faire évoluer le dashboard. Il n'a pas à se soucier de la facturation horaire : il paie un forfait mensuel et on avance ensemble sur le projet.

Les avantages pour Datashelter

Socium Pass apporte plusieurs bénéfices concrets au projet. La disponibilité régulière garantit une présence chaque semaine pour les développements et réunions. La prévisibilité budgétaire permet à Malo de planifier son budget sans surprise avec un forfait mensuel fixe. La continuité du projet assure que je connais parfaitement le code, l'architecture et les choix techniques, évitant de repartir de zéro à chaque intervention. Enfin, la collaboration étroite crée une véritable équipe de développement malgré nos spécialisations différentes (langage Go pour Malo, React/NestJS pour moi).

Les résultats : Un dashboard professionnel et fonctionnel

Le travail sur Datashelter a permis de créer un dashboard complet qui répond aux besoins des entreprises.

Une collaboration qui fait avancer le projet

Cette collaboration avec Malo sur Datashelter illustre comment Socium Pass permet de créer une vraie dynamique de développement. Au lieu d'interventions ponctuelles déconnectées, nous construisons ensemble un projet cohérent avec une vision partagée et une coordination constante.

Pour Malo, Socium Pass lui permet de se concentrer sur sa partie langage Go pendant que je gère la partie React/NestJS, sans avoir à gérer deux technologies très différentes. Il bénéficie d'une expertise frontend/backend complémentaire à la sienne, d'un rythme de développement soutenu avec des livrables réguliers, et d'une communication fluide grâce aux réunions hebdomadaires.

Crédits images et vidéo : Tous les visuels (logos de conformité RGPD et ISO 27001, vidéo de démonstration) sont fournis par Datashelter.

Articles connexes : React : bibliothèque JavaScript • NestJS : framework Node.js professionnel • Go : langage performant • Stripe : paiements en ligne • SendGrid : envoi d'emails • Docker : conteneurisation • Socium Pass : développement mensuel

Voir tous mes projets • Me contacter