Registration Login and CRUD Action using MERN stack

Pile MERN | Connexion, inscription et application CRUD

Exemple simple d'enregistrement d'utilisateur, de connexion et d'action CRUD avec le backend restAPI utilisant mongoDB, Nodejs (Express.js) et mongoose, l'authentification à l'aide du jeton JWT ainsi que la pagination et le frontend à l'aide de React.js et de l'API Material-ui appelant avec axios.

Ce projet est un projet ReactJS simple qui démontre ce qui suit

Back-end

• API pour enregistrer et connecter l'utilisateur.
• API utilisant laquelle l'utilisateur connecté peut ajouter, modifier et mettre à jour son produit.
• API de pagination pour donner la liste des produits ajoutés par un utilisateur particulier.
• Authentification par jeton JWT.
• Option d'impression PDF pour pouvoir imprimer ou télécharger les détails du produit

L'extrémité avant

• Création d'un composant dans React et création d'un routage.
• En utilisant React et Material UI, vous pouvez créer un formulaire pour connecter l'utilisateur et enregistrer un nouvel utilisateur.
• Ajout, modification, suppression et pagination de produits, vous pouvez également rechercher un produit par nom.
• Passer des appels HTTP à l'aide d'Axios.
• Appel de l'API en plusieurs parties avec téléchargement d'images.

Conditions préalables

Ci-dessous, les éléments que vous devez installer pour exécuter ce projet sur votre système

• Noeud.js
• MNP
• MongoDB

Pour configurer

Clonez ou téléchargez ce référentiel

1. cd Registration-and-Login-using-MERN-stack/backend
2. npm install
3. cd Registration-and-Login-using-MERN-stack/frontend
4. npm install

Pour courir

Pour exécuter le serveur de nœuds

1. cd Registration-and-Login-using-MERN-stack/backend
2. node server.js

Pour exécuter l'interface de réaction

1. cd Registration-and-Login-using-MERN-stack/frontend
2. npm start

N'oubliez pas de laisser une étoile ! ?