FrontEndRefactor

Objectif du projet

L'objectif de ce projet est de travailler sur le refactoring de la solution en utilisant un outil de performance pour identifier les points de douleur, en particulier la gestion des images et la pagination. Nous visons à améliorer les performances globales de l'application en optimisant le chargement et l'affichage des images, ainsi qu'en implémentant une pagination efficace pour réduire le temps de chargement et améliorer l'expérience utilisateur.

Description

Ce projet est une refactorisation d'une application front-end et back-end. L'application front-end est construite avec React et l'application back-end utilise Express.js pour servir des images.

Structure du projet

Installation

Prérequis

• Node.js
• npm

Installation des dépendances

Pour installer les dépendances du front-end et du back-end, exécutez les commandes suivantes :

cd FrontEndRefactor/front-to-refactor
npm install

cd ../../back-to-refactor
npm install

Démarrage de l'application

Front-end

Pour démarrer l'application front-end, exécutez la commande suivante dans le répertoire FrontEndRefactor/front-to-refactor :

npm start

Back-end

Pour démarrer l'application back-end, exécutez la commande suivante dans le répertoire FrontEndRefactor/back-to-refactor :

npm start

Outils de mesure de l'éco conception

https://github.com/cnumr/GreenIT-Analysis/blob/master/README.md