Étude de cas

Cybersecurity Planner

Une application React conçue comme un planificateur de sécurité : organisation des tâches d’audit, suivi des actions correctives, priorisation des risques et visualisation de la roadmap cybersécurité d’un projet ou d’une petite structure.

Objectifs du projet

L’idée est de proposer un outil simple pour structurer un plan d’action cybersécurité : définir des tâches, leur attribuer un niveau de criticité, une échéance et un état d’avancement, le tout dans une interface fluide et agréable.

L’application est développée en React autonome (sans backend, avec stockage local ou mock API), puis intégrée dans ce portfolio via une iframe. Cela permet de la réutiliser comme échantillon technique isolé tout en la contextualisant dans un cadre de portfolio.

Fonctionnalités prévues

Liste de tâches de sécurité structurée

Création de tâches avec titre, description, responsable, échéance et catégorie (infrastructure, applicatif, conformité, sensibilisation, etc.).

Priorisation par risque et impact

Chaque action peut être évaluée en fonction de son impact et de son urgence, pour aider à prioriser les chantiers à fort enjeu.

Vue planning / roadmap

Organisation des tâches dans une vue chronologique ou inspirée Gantt, pour visualiser la progression globale de la sécurité dans le temps.

Application front-end autonome

Application React sans backend, pensée pour être facilement déployable et intégrable via iframe dans différents contextes (portfolio, démo, POC).

Le Cybersecurity Planner sera chargé ci-dessous comme application React autonome, hébergée séparément puis intégrée dans ce portfolio via une iframe.

Cybersecurity Planner · React app embarquée src: https://planner.florianchague.dev
Cette démo est affichée directement dans le portfolio. Pour une meilleure expérience, vous pouvez aussi l’ouvrir en plein écran.