Visualisation

Screenshot 2024-04-17 at 8.05.25 in the evening.png

Screenshot 2024-04-17 at 8.05.54 in the evening.png

Screenshot 2024-04-17 at 8.06.12 in the evening.png

Installation

  1. Clonez ce dépôt sur votre machine locale en utilisant la commande suivante :
git clone https://github.com/Kabasele754/app_crud_react_redux.git
  1. Accédez au répertoire du projet :
cd app_crud_react_redux
  1. Installez les dépendances en utilisant npm :
npm install

Démarrage de l'application

Pour démarrer l'application en mode développement, utilisez la commande suivante :

npm start

Cela ouvrira l'application dans votre navigateur par défaut à l'adresse http://localhost:3000.

Exécution des tests

Pour lancer les tests unitaires, utilisez la commande suivante :

npm test

Construction de l'application

Pour créer une version optimisée de l'application pour la production, utilisez la commande suivante :

npm run build

Cela générera les fichiers optimisés dans le répertoire build prêts à être déployés.

Explication

Ce projet est un exemple d'application CRUD (Create, Read, Update, Delete) utilisant React et Redux pour la gestion de l'état global de l'application. Il utilise également JSON Server pour simuler une API REST pour les opérations CRUD sur une base de données JSON locale.

Fonctionnalités

  • Ajout de produits
  • Affichage de la liste des produits
  • Modification des produits existants
  • Suppression de produits
  • Pagination pour la liste des produits
  • Recherche de produits
  • Affichage de détails de produit
  • Gestion des images pour les produits

Pour plus d'informations sur la création d'une application React avec Create React App, consultez la documentation de Create React App.

Pour en savoir plus sur React et Redux, consultez la documentation React et la documentation Redux.

Pour des informations sur le déploiement d'une application React, consultez la documentation de déploiement de Create React App.

Problèmes courants

Cette application est un exemple de base que vous pouvez personnaliser et étendre en fonction de vos besoins spécifiques.