Project HRnet - Wealth Health

Présentation

Faire passer une librairie jQuery vers React pour la formation Openclassrooms JS React.

HRnet est le projet numéro 14 de la formation.

Architecture du projet

Ce projet a été initialisé avec Create React App.

Composant converti

basic-dropdown-list : Un composant de liste déroulante en React a été développé pour ce projet. Voir Github

Voir un exemple basic-dropdown-list

Autres composants utilisés

• react-date-picker : Sélecteur de date pour une application React. Choisissez des jours, des mois, des années ou même des décennies. Voir Github
• react-calendar: Calendrier pour votre application React. Choisissez des jours, des mois, des années ou même des décennies Voir Github
• Deux composants de la librairie Material-UI:
  • react-dialog: Une fenêtre modale qui apparait devant le contenu pour valider un dialogue.
  • react-table: Un tableau personnalisé pour afficher un ensemble de données.

Installation et lancement du Front-end (port 3000)

Cloner le dépôt de HRnet : git clone https://github.com/SFERRER-DEV/projet-14.git

Dans ce référentiel Front-end, installez les dépendances avec la commande yarn install

# avec NPM
npm install
# avec Yarn
yarn install

Dans le répertoire du projet, vous pouvez exécuter : yarn start pour lancer l'application en mode développement.

npm run start
# ou
npm start
# avec Yarn
yarn start

Ouvrez http://localhost:3000 pour l'afficher dans votre navigateur.

Liens

• Vue d'ensemble et résumé de la base de code avec Code Climate: Codebase summary projet 14: HRnet
• Le projet jQuery HRnet d'origine à convertir en Reactjs