fabien-t / p14_hrnet

Conversion en React d’une solution SaaS de gestion des employés utilisant jQuery

HRnet : Pass a jQuery app to React

Presentation

HRnet is an internal WealthHealth web application that manages employee records.

This repository converts the application's jQuery library plugins into React components to gain performance and reliability.

Instead of the 4 jQuery plugins, the application uses React components imported from existing libraries, except for the Modal package which was created for this occasion.

Deployed site link : https://p14-h-rnet-ruddy.vercel.app/

Link of the project repository with the jQuery library : https://github.com/OpenClassrooms-Student-Center/P12_Front-end

Installing the package

1/ Clone this repository

2/ Install the dependencies : npm install

3/ Launch the app :

In the terminal, run the command : yarn dev

To view the app, click with the control key pressed on the Local link : http://127.0.0.1:51xx/

NB : This app use vite as toolbox.

4/ Build and Preview :

In the terminal, run the commands :

yarn build

yarn preview

Modal library link converted to React :

• fv-modal-react : https://www.npmjs.com/package/fv-modal-react

Link of the other React librairies :

• react-datepicker : https://www.npmjs.com/package/react-datepicker
• react-select : https://www.npmjs.com/package/react-select
• react-data-table-component : https://www.npmjs.com/package/react-data-table-component

Prerequisites

Dependencies

DevDependencies