HRnet - Employees management

Description

Projet réalisé dans le cadre du programme de formation Développeur Front-end JavaScript React chez OpenClassrooms

Faites passer une librairie jQuery vers React

Le choix a été fait de réaliser ce travail en utilisant Next.js.

Situation :

Développeur au sein du département technologique d'une grande société financière.

Cette société utilise une application web interne, qui gère les dossiers des employés. L'application est ancienne et utilise jQuery côté front end, ce qui entraîne des bugs considérables et une augmentation des plaintes en interne.

L'objectif est de convertir une appli JQuery en React ainsi que créer une ou plusieurs libraires NPM.

Objectifs et consignes :

  • Convertir l'ensemble du projet en React.
    • Réaliser une nouvelle version des pages "Create Employee" et "Employee List" avec React.
    • Ajouter un système de gestion d'état.
    • S'assurer que tout est cohérent au niveau du style. Un design plus moderne est le bienvenu.
  • Convertir l'un des quatre plugins jQuery actuels en librairie React. Remplacer les trois plugins jQuery restants par des composants React dans l'application.
    • Ne convertir que le code qui traite de la fonctionnalité réelle (La conversion du code ne doit pas une traduction exacte à l'identique).
    • Publier le plugin converti en librairie React sur GitHub ou npmjs.com
  • Effectuer des tests de performance Lighthouse en comparant l'ancienne et la nouvelle application.

Installation :

  1. Cloner le repository:
  • git clone https://github.com/pyleglise/hrnet-nextjs-ui
  1. Installer toutes les dépendances pour le front-end:
  • npm install ou yarn
  1. Lancer le front-end:
  • npm start ou yarn start

Le front-end sera lancé à l'URL: http://localhost:3000/.

Ressources :

Site Démo

Documentation

Auteur :

Pierre-Yves Léglise : GitHub - Portfolio