WealthHealth - HRnet

Projet fictif de formation n°11/11 | OpenClassrooms

PROBLEMATIQUE

Utilisation en interne d'une application de gestion RH représentant 90% de la dette technologique de l'entreprise

BESOINS

• Convertir l'application HRnet (code source 100% JQuery) en une application React
• Convertir les plugins sources :
  • sélecteur de date
  • fenêtre modale
  • menus déroulants
  • tables de données
• Comparer de performances entre l'ancienne et la nouvelle version

Compétences développées

• Refondre une application pour réduire la dette technique JQUERY to REACT
• Implémenter avec la programmation fonctionnelle JAVASCRIPT
• Créer un plugin et publier sa propre bibliothèque REACT | NPM
• Proposer un design graphique complet, harmonieux et cohérent avec l'identité de l'entreprise
• Déployer une application front-end NPM
• Analyser la performance d'une application web LIGHTHOUSE

Ressources fournies

• HRnet : code source
• Issues

Bibliothèques

REACT
CODEXARAMA-modal

Installation

Editeur recommandé

• Visual Studio code

Prérequis

• Git pour cloner les repos
• nodeJS (version 17.3.0) pour exécuter les commandes
• npm (version 8.3.0) pour lancer l'application

Dépendances

• react (version 17.0.2)
• react-router-dom (version 6.0.2)
• prop-types (version 15.8.0)
• react-datepicker (version 4.5.0)
• date-fns (version 2.27.0)
• react-table (version 7.7.0)

Lancement du front-end

• Cloner le repo : git clone https://github.com/codexarama/WealthHealth.git
• Aller dans ce dossier : cd WealthHealth
• Installer ses dépendances : npm install
• Lancer l'application : npm start

URL de visualisation du rendu web : http://localhost:3000

---

Installation (english version)

Recommanded IDE

• Visual Studio code

Prerequisites

• Git to clone repositories
• nodeJS to run commands
• npm to run application

Dependances

• react (version 17.0.2)
• react-router-dom (version 6.0.2)
• prop-types (version 15.8.0)
• react-datepicker (version 4.5.0)
• date-fns (version 2.27.0)
• react-table (version 7.7.0)

Installing and launching front-end

• Clone the repository: git clone https://github.com/codexarama/WealthHealth.git
• Move to this folder: cd WealthHealth
• Install dependencies: npm install
• Launch application: npm start

Front-end is now rendered at URL http://localhost:3000