RemiSany_14_08092021

Projet 14 "Faites passer une librairie jQuery vers React"

1. Cahier des charges
2. Installation (en)

---

CAHIER DES CHARGES

CONTEXTE

Conversion d’une application jQuery en React:

Objectifs :

• Convertir l'ensemblen de l'application en React.
• Convertir l'un des 4 plugins en React.
• Publier le plugin converti sur npm.
• Remplacer les 3 autres plugins par des composants React.
• Comparer l'ancienne et la nouvelle application en effectuant des tests de performance avec LightHouse.

Contraintes :

• Ajouter un système de gestion d'état.
• Design de l'application libre.

Plugins convertis:

• Fenêtre modal - npm
• Sélection de date - npm
• Menu déroulant - npm

Plugin utilisé:

• MUI-Datatables

TECHNOLOGIES UTILISÉES

• HTML5.
• CSS3.
• Javascript.
• React.
• React Router.
• React-redux.
• Redux.
• Styled Components.
• Storybook.
• Rollup.
• Create React App.
• Visual Studio Code.

Projet validé le X octobre 2021.

---

INSTALLATION

DEPENDENCIES

• React v17.0.2
• React-router-dom v5.3.0
• Redux v4.1.1
• React-Redux v7.2.5
• Styled-components v5.3.1
• Mui-Datatables v3.7.8
• Material-UI/Core v4.12.3
• Material-UI/Icons v4.11.2
• RS-React-Modal v2.0.2
• RS-React-Select v1.2.1
• RS-React-Datepicker v1.2.8

Installation Dependencies

• You need Git to clone the repository
• You need Node (v14.18.0) to run the npm commands

INSTALL AND RUN PROJECT

Installation

• Clone the project to your computer:

git clone https://github.com/remisany/RemiSany_14_08092021

• Open the project folder
• Go to the app:

cd hrnet

• Install the packages:

npm i

Running

• Run the project (port 3000 by default):

npm start or yarn start

Further information

• Project build with Create React App.
• Is possible to run the project with npm or yarn.