Registration Login and CRUD Action using MERN stack

ميرن المكدس | تسجيل الدخول والتسجيل والتطبيق CRUD

مثال بسيط لتسجيل المستخدم وتسجيل الدخول وإجراء CRUD مع RestAPI للواجهة الخلفية باستخدام mongoDB وNodejs(Express.js) وmongoose، والمصادقة باستخدام رمز JWT المميز أيضًا ترقيم الصفحات والواجهة الأمامية باستخدام React.js واستدعاء واجهة برمجة تطبيقات المواد باستخدام axios.

هذا المشروع هو مشروع ReactJS بسيط يوضح ما يلي

الخلفية

• API لتسجيل وتسجيل الدخول للمستخدم.
• واجهة برمجة التطبيقات (API) التي يستخدمها المستخدم الذي قام بتسجيل الدخول يمكنه إضافة منتجه وتعديله وتحديثه.
• واجهة برمجة تطبيقات الصفحات لتقديم قائمة بالمنتجات المضافة للمستخدم المحدد.
• مصادقة رمز JWT.
• خيار طباعة PDF حتى تتمكن من طباعة تفاصيل المنتج أو تنزيلها

الواجهة الأمامية

• إنشاء مكون في React وإنشاء التوجيه.
• استخدام نموذج التفاعل وواجهة المستخدم المادية لتسجيل دخول المستخدم ويمكنه تسجيل مستخدم جديد.
• إضافة المنتج وتحريره وحذفه وترقيم الصفحات كما يمكنك البحث عن المنتج بالاسم.
• إجراء مكالمات HTTP باستخدام Axios.
• استدعاء واجهة برمجة التطبيقات متعددة الأجزاء مع تحميل الصور.

المتطلبات الأساسية

فيما يلي الأشياء المذكورة التي تحتاج إلى تثبيتها لتشغيل هذا المشروع في نظامك

• Node.js
• الآلية الوقائية الوطنية
• MongoDB

إلى الإعداد

استنساخ أو تنزيل هذا المستودع

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

للتشغيل

لتشغيل خادم العقدة

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

لتشغيل الواجهة الأمامية للرد

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

لا تنسى أن تترك نجمة! ؟