Registration Login and CRUD Action using MERN stack

MERN-Stapel | Anmelden, Registrieren und CRUD-App

Einfaches Beispiel für Benutzerregistrierung, Anmeldung und CRUD-Aktion mit Backend-RestAPI mit MongoDB, Nodejs (Express.js) und Mongoose, Authentifizierung mit JWT-Token sowie Paginierung und Frontend mit React.js und Material-UI-API-Aufruf mit Axios.

Dieses Projekt ist ein einfaches ReactJS-Projekt, das Folgendes demonstriert

Backend

• API zum Registrieren und Anmelden des Benutzers.
• API, mit der angemeldete Benutzer ihr Produkt hinzufügen, bearbeiten und aktualisieren können.
• Paginierungs-API, um eine Liste der hinzugefügten Produkte eines bestimmten Benutzers anzuzeigen.
• JWT-Token-Authentifizierung.
• Option „PDF drucken“, damit Sie Produktdetails ausdrucken oder herunterladen können

Frontend

• Erstellen Sie eine Komponente in React und erstellen Sie ein Routing.
• Mithilfe der Reaktions- und Material-Benutzeroberfläche wird ein Formular erstellt, um den Benutzer anzumelden und einen neuen Benutzer zu registrieren.
• Produkt hinzufügen, bearbeiten, löschen und paginieren. Sie können das Produkt auch nach Namen suchen.
• HTTP-Aufrufe mit Axios tätigen.
• Aufruf einer mehrteiligen API mit Bild-Upload.

Voraussetzungen

Nachfolgend sind die Dinge aufgeführt, die Sie installieren müssen, um dieses Projekt in Ihrem System auszuführen

• Node.js
• NPM
• MongoDB

Zum Einrichten

Klonen Sie dieses Repository oder laden Sie es herunter

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

Laufen

Zum Ausführen des Knotenservers

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

Zum Ausführen des React-Frontends

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

Vergessen Sie nicht, einen Stern zu hinterlassen! ?