Wealth Health

icône

Le onzième projet OpenClassrooms consistait à convertir l’application interne HRnet d’une société financière de jQuery vers React. L’application souffrait de ralentissements et de bugs importants liés aux plugins jQuery utilisés. L’objectif principal était de créer une application 100 % React, modulaire et maintenable, tout en améliorant les performances et la stabilité de l’interface.

Wealth Health

Objectif

L’objectif de ce projet était de moderniser l’application HRnet en la rendant entièrement fonctionnelle avec React, en remplaçant le code jQuery obsolète et en assurant une expérience utilisateur fluide. Cela impliquait la conversion complète des pages principales, la création de composants React modulaires pour remplacer les plugins jQuery et la mise en place de tests de performance quantifiables afin de démontrer l’amélioration des performances.

ReacticôneReduxicôneTailwind

Fonctionnalités

icôneRemplacement d’un plugin jQuery par un composant React fonctionnel, avec documentation et commentaires explicatifs
icôneGestion de l’état de l’application avec un système centralisé, remplaçant le stockage local existant
icôneTests de performance comparatifs avec Lighthouse, mesurant le temps de chargement, les appels réseau et d’autres métriques pour évaluer l’amélioration
icônePublication du composant React converti sur npm

Défis techniques

icôneMigration d’un projet complet jQuery vers React
icôneCréation de composants React modulaires remplaçant les plugins jQuery
icôneGestion du state global et synchronisation entre les composants React
icôneRéalisation d’audits de performance comparatifs entre les deux applications
icôneDocumentation complète des composants pour assurer la maintenabilité et faciliter l’intégration future
Github

Autres projets OpenClassrooms

icône

Plus de projets

icône
Tous les projets