Novasuite

Publié le : 11/08/2026

Dernière modification : 13/09/2026

Tags :

FirebaseReactJS

Introduction

Durant l’été 2022, j’ai entrepris de développer un outil destiné à améliorer l’organisation et la gestion des projets au sein d’une équipe, tout en offrant une vue d’ensemble sur l’avancement des travaux. Ce projet, nommé Novasuite, continue aujourd’hui de m’être utile pour organiser certains travaux de groupe, témoignant de sa pertinence dans des contextes pratiques.

Concept initial

L’objectif principal de Novasuite était de proposer une suite d’outils facilitant la collaboration en équipe. Deux modules étaient initialement prévus :

Adrenalia : un gestionnaire de projets intuitif, permettant de définir des tâches, de les structurer en étapes et d’assurer un suivi fluide.

Image de l'article
Image de l'article

ScopeGraph : un outil pour modéliser des structures variées, qu’il s’agisse d’organigrammes, de cartes conceptuelles ou d’idées complexes.

Développement

Le développement de Novasuite s’est appuyé sur ReactJS et Firebase. L’aspect collaboratif d’Adrenalia a été rendu possible grâce à l’utilisation de snapshots de Firebase, permettant à plusieurs personnes de travailler simultanément sur un même projet.

Pour ce projet plusieurs bibliothèques ont été utilisés :

  • React-Flow : pour la création de diagrammes interactifs.
  • React-Simple-Arrows et React-XArrows : pour ajouter des flèches et connexions entre éléments dans les structures.
  • React-Motion-Animate : pour animer des composants avec fluidité.
  • Firebase : pour la gestion des utilisateurs et le stockage des données.
  • React-Markdown et Remarkable : pour permettre l’utilisation et l’interprétation de contenu Markdown.
  • Tailwind CSS : Librairie CSS.

Bien qu’Adrenalia soit pleinement fonctionnel et utilisable, ScopeGraph n’a pas été achevé. Le design global reste également un point à améliorer.

Points d’améliorations

  1. Design et structure : Le code nécessite une restructuration pour le rendre plus maintenable. Une simplification des dépendances est cruciale.
  2. Terminer ScopeGraph : Compléter ce module renforcerait l’utilité globale de la suite.
  3. Optimisation SEO : J’ai appris à référencer une page sur Google, ce qui pourrait être mieux exploité pour améliorer la visibilité de la plateforme.
  4. Approche utilisateur : Un design revisité rendrait l’outil plus attractif et intuitif.

Conclusion

Ce projet, bien qu’inachevé, a été une expérience formatrice et reste un projet significatif dans mon parcours. Cela m’a permis d’explorer des technologies modernes tout en me confrontant aux réalités du développement d’un produit numérique. Ces apprentissages m’ont été précieux dans mes autres projets.