adminApp

✍️ adminApp

adminApp هو تطبيق للتجارة الإلكترونية مكدس MERN (الجانب الإداري فقط).

⚛️ الأكوام التقنية المستخدمة

• رد فعل.js
• Tailwindcss
• العقدة و Express.js
• MongoDB
• Mongoose: لجميع عمليات التحقق من صحة المخطط والاتصال بقاعدة البيانات
• Day.js: لتنسيق التاريخ.
• JsonwebToken: لإنشاء jsonwebtoken
• BcryptJs: لتشفير كلمة المرور
• Dotenv: لاستخدام متغير البيئة
• Nodemon: للتشغيل على خادم التطوير

الميزات الرئيسية

• استجابة كاملة وسهلة الاستخدام
• وضع الظلام والضوء
• منطقة الإعلام
• إضافة وتحديث وحذف المنتجات
• إنشاء وتحديث وحذف الفئات
• تسجيل وتحديث وحذف الموظفين
• البحث عن الموظفين (بالاسم والبريد الإلكتروني ورقم الهاتف)
• إنشاء وتحديث وحذف القسائم
• استيراد وتصدير المنتجات والفئات والكوبونات والعملاء
• تنزيل الطلبات
• بحث وتصفية الطلبات حسب:
  1. الحالة (تم التسليم، معلق، قيد المعالجة، وملغى)
  2. تاريخ البدء والانتهاء
  3. اسم العميل و
  4. حدود الطلب
• إضافة وتحديث وحذف والبحث في اللغات والعملات العالمية
• إعداد للتحكم في المشرف والمتجر.
• قائمة جميع العملاء المسجلين وإظهار إجمالي طلباتهم بشكل فردي.
• تمت إضافة PWA
• ترجمة ديناميكية لجميع البيانات الديناميكية، مثل المنتجات والفئات والسمات والكوبونات.
• سمات المنتج وCombinaiton.
• والمزيد بما في ذلك جميع عمليات التحقق اللازمة

البدء والتثبيت

1. تثبيت العقدة وnpm
2. شوكة المشروع
3. افتح المشروع في محرر التعليمات البرمجية المفضل لديك

التثبيت الخلفي

1. انتقل إلى دليل adminApp-backend ، ثم قم بتشغيل الأمر التالي لتثبيت التبعيات؟:

   npm install

2. قم بتكوين قاعدة بيانات MongoDB الخاصة بك. بعد التهيئة، ستجد mongo URI، فقط ضعه على متغير MONGO_URI الخاص بملف .env .

3. بمجرد الاتصال بنجاح مع MongoDB وتكوين .env ، ثم تشغيل npm run data:import ، سيتم تشغيل ملف Seed.js وسيستورد جميع البيانات التجريبية في قاعدة البيانات. إذا كان كل شيء على ما يرام، فهذا يعني أن تكوين الواجهة الخلفية قد تم. ستجد الآن جميع البيانات التجريبية في قاعدة بيانات MongoDB الخاصة بك.

4. قم الآن بتشغيل npm run dev ، وسوف يقوم بتشغيل الواجهة الخلفية الخاصة بك على الخادم المحلي على المنفذ 5055 أو منفذ الإدخال الخاص بك.

تثبيت المشرف

1. انتقل إلى دليل adminApp-admin ، ثم قم بتشغيل الأمر التالي لتثبيت التبعيات؟:

npm install

2. إنشاء حساب كلاوديناري. بعد ذلك، احصل على اسمك السحابي، API_KEY، وAPI_SECRET. بمجرد الانتهاء، انسخ هذه القيم والصقها في خطوط REACT_APP_CLOUD_NAME وREACT_APP_CLOUDINARY_API_KEY وREACT_APP_CLOUDINARY_API_SECRET على التوالي من ملف .env.local .
3. قم الآن بتشغيل npm start ، وسوف يقوم بتشغيل تطبيق adminApp الخاص بك على الخادم المحلي على http://localhost:4000

قم بزيارة تطبيق admin

مشاكل

إذا وجدت أي مشاكل أثناء تثبيت التطبيق أو استخدامه، يرجى فتح مشكلة مع علامة "التحسين".

ملاحظة: تأكد من تصفح المشكلات الموجودة للتحقق مما إذا كانت المشكلة موجودة بالفعل.

مساهمة

أي مساهمات تقدمها هي موضع تقدير كبير . إذا كان لديك اقتراح من شأنه أن يجعل هذا التطبيق أفضل، من فضلك:

1. شوكة الريبو
2. قم بإنشاء فرع الميزات الخاص بك
3. ارتكب التغييرات الخاصة بك
4. ادفع إلى الفرع
5. افتح طلب السحب

يمكنك أيضًا ببساطة فتح مناقشات أو مشكلة بالعلامة " تحسين ".

اعتمادات الصورة

1. أونسبلاش – https://unsplash.com
2. بيكسلز – https://pexels.com
3. بابنجوينج – https://www.pngwing.com/
4. إنستاكارت – https://instacart.ca

؟ إذا أعجبك هذا المشروع، قم بإعطائه ومشاركته مع الأصدقاء!