Solidarité Handicap autour des maladies rares

www

Les maladies rares et le handicap en général sont des sujets qui me tiennent particulièrement à coeur. Ce projet est pour moi une bonne opportunité de mettre en pratique toutes mes compétences.
Mais aussi d' apprendre de nouvelles technologies, librairies, méthodologies au service de celui-ci.

Le site précédent ne permettait pas à une personne sans notions en informatique d'ajouter, ou modifier le contenu. Le principal besoin est donc de permettre la création et l'édition de différentes ressources comme par exemple :

• les associations.
• les membres du Conseil d'Administration, du Conseil Médico Social, les Ambassadeurs.
• les dédicaces, les coups de coeur.
• etc…

Il doit permettre d' entretenir un blog, d'où la nécessité de pouvoir importer, gérer et utiliser des médias images, ou des documents.

J'ai opté pour l'idée d'un système de gestion de contenu (CMS).

L'API

Le projet Solhand est divisé en trois applications React, l'administration , le constructeur de page et le site principal. Elles reposent sur une API REST, reliée à une base de données mongodb hébergée sur un cluster MongoDB Atlas. Le tout dans un Monorepo.

Elle permet :
• de gérer les différentes ressources.
• création, édition, suppression.
• sauvegarder le tri par drag'n'drop.
• avoir un statut publié.
• d'uploader des images et documents.
• a l'unité ou par groupe.
• lors de l'import création de vignettes qui seront utilisées pour un chargement rapide du browser.
• la gestion des médias
• prévisualisation, déplacement, suppression, création de dossier, filtrage.
• la gestion du (des) menu(s)
• possibilité de modifier: l'URL, la position(drag'n'drop), le nom, le style.
• la gestion d'un blog
• possibilité de le mettre en favori, status publier, preview.
• créer ajouter et éditer les tags
• la gestion du carrousel.

• la gestion de todos partagés avec un collaborateur.
• la réception des messages en provenance des formulaires du front.
• la gestion des métas (portion modifiable du site)
• la gestion des utilisateurs.

Constructeur de Page

Certaines pages avaient besoins d'une liberté de modification, pour les associations par exemple. J'ai donc créé un constructeur de page.

Il permet de manipuler ou modifier des composants et leur contenu, ainsi que les classes css qui seront lues par l'application front.

Mise en production

La mise en production a été effectuée sur un Droplet Digital Ocean. Sur un serveur Nginx en reverse proxy avec ssl. L'application est gérée par pm2.

Le backup des données est effectué par un script.

En résumé

Le but principal était de fournir un outil performant et simple d'utilisation pour Solidarité Handicap et ses besoins. Au cours du processus de conception, je me suis rendu compte que cette infrastructure pourrait servir à créer d'autres sites.

Il reste des améliorations à apporter et plusieurs idées que je n'ai pas encore concrétisées. Le tout en voulant éviter d'utiliser trop de librairies externes.

Je pense à migrer vers NextJS pour l'application front afin d'optimiser le SEO.

Témoignage

Annie MoissinPrésidente-Fondatrice

Je suis la Présidente-Fondatrice du Collectif, j’ai réalisé un cahier des charges très conséquent, vu les besoins de notre association. Des informations diverses et variées, des espaces pour nos associations membres et nos Missions Sociales etc…
C’est tout naturellement que j’ai fais appel à notre Webmaster afin qu’il réalise bénévolement ce dont nous avions besoin. Sa tâche n’a pas été facile, car je suis très exigeante sur le contenu des rubriques et sur le design.
Un tel outil, si performant m’a demandé ensuite un apprentissage, car je n’appartiens pas du tout au monde de l’informatique. Le concepteur a accepté de me former afin que je sois capable de créer de nouveaux espaces, de réaliser seule des modifications, de ne plus faire attendre nos présidents d’associations désirant une mise à jour de leurs actualités. Je suis à présent totalement autonome. Notre Conseil d’Administration est pleinement satisfait du résultat, de la manière dont Olivier a retranscrit nos besoins et de la façon dont nous pouvons faire évoluer notre site. Une vitrine appréciable et appréciée du grand public.