Projet MERN avec Redux et Axios

Description

Ce projet est une application web développée avec la stack MERN (MongoDB, Express.js, React, Node.js), intégrée avec Redux pour la gestion de l'état global de l'application et Axios pour effectuer des requêtes HTTP asynchrones. L'application permet de gérer une collection de données, offrant des fonctionnalités CRUD (Create, Read, Update, Delete) avec une interface utilisateur réactive et moderne.

Technologies Utilisées

• MongoDB : Base de données NoSQL utilisée pour stocker les données de l'application.
• Express.js : Framework web pour Node.js utilisé pour construire l'API backend.
• React : Librairie JavaScript pour construire l'interface utilisateur de l'application.
• Node.js : Environnement d'exécution JavaScript côté serveur.
• Redux : Bibliothèque pour la gestion de l'état global de l'application.
• Axios : Client HTTP pour effectuer des requêtes API asynchrones.

Fonctionnalités

• Gestion des utilisateurs : Inscription, connexion, déconnexion et mise à jour des profils utilisateurs.
• CRUD sur les articles : Création, lecture, mise à jour et suppression d'articles.
• Intégration avec Redux : Gestion centralisée de l'état de l'application pour une meilleure organisation et maintenabilité.
• Requêtes HTTP avec Axios : Communication fluide avec le backend pour effectuer des opérations asynchrones.
• Interface utilisateur réactive : Utilisation de composants React pour une expérience utilisateur interactive et dynamique.

Installation et Exécution

Prérequis

• Node.js (version 14 ou supérieure)
• MongoDB

Instructions

Cloner le repository

• Git clone https://github.com/votre_nom_d_utilisateur/nom-du-repository.git
• cd nom-du-repository

Installer les dépendances

Pour le backend :

• cd backend
• npm install

Pour le frontend :

• cd ../frontend
• npm install

Configurer les variables d'environnement

Créez un fichier « .env » dans le répertoire backend et ajoutez les variables d'environnement nécessaires (exemple : URI de connexion à MongoDB, secret JWT, etc.).

Démarrer l'application

Dans le répertoire backend :

• npm start

Dans le répertoire frontend :

• npm start

Accéder à l'application

Ouvrez votre navigateur et rendez-vous à l'adresse http://localhost:3000/ pour accéder à l'application.

Contribuer

Les contributions sont les bienvenues ! Veuillez soumettre un pull request avec une description détaillée de vos modifications.