الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

Megamart موقع التجارة الإلكترونية

مرحبًا بك في موقع React Redux Ecrommerce! هذا المشروع هو حل تجارة إلكتروني كامل المكجمات المصمم مع React و Redux و Redux-Toolkit وغيرها من التقنيات الأخرى. سواء كنت مطورًا يتطلع إلى المساهمة ، أو صاحب عمل مهتم ببرنامجي ، أو مجرد مستخدم فضولي ، فإن هذا ReadMe سوف يرشدك من خلال التفاصيل الأساسية لمشروعي.

نص بديل

جدول المحتويات

  • سمات
  • التقنيات المستخدمة
  • تثبيت
  • الاستخدام
  • المساهمة
  • رخصة

سمات

ميزات موقع الويب الخاص بـ React Redux Megamart Ecrommerce:

  • كتالوج المنتج: تصفح وابحث عن المنتجات عبر فئات مختلفة.
  • مصادقة المستخدم: تسجيل وتسجيل الدخول وإدارة ملف تعريف المستخدم الخاص بك.
  • عربة التسوق: أضف وإزالة العناصر من عربة التسوق الخاصة بك ، وتحديث كميات ، وانتقل إلى الخروج.
  • إدارة الطلبات: عرض وإدارة سجل طلبك.
  • لوحة المسؤول: واجهة مسؤول لإدارة المنتجات والفئات والأوامر.
  • التصميم المتجاوب: واجهة مستخدم سهلة الاستخدام للهاتف المحمول لتجربة تسوق سلسة على جميع الأجهزة.
  • تكامل الدفع: معالجة الدفع الآمنة لإكمال الطلبات.

التقنيات المستخدمة

  • React: مكتبة JavaScript شهيرة لبناء واجهات المستخدم.
  • Redux: مكتبة إدارة الدولة لحالة التطبيق المتوقعة.
  • React Router: للتعامل مع التنقل داخل التطبيق. جهاز التوجيه هذا الذي أستخدمه (React-Router-DOM) V6.
  • Node.js: وقت تشغيل JavaScript لبناء جانب الخادم للتطبيق.
  • Express.js: إطار تطبيق تطبيق الويب لبناء واجهات برمجة التطبيقات المريحة.
  • Mongoose: Mongoose هي مكتبة نمذجة بيانات الكائن (ODM) لـ MongoDB.
  • شريط: تكامل معالجة الدفع للمعاملات الآمنة.
  • Tailwindcss: لتصميم واجهة المستخدم.

تثبيت

للبدء في موقع React Redux Ecrommerce الخاص بي ، اتبع هذه الخطوات:

  1. استنساخ هذا المستودع إلى جهازك المحلي باستخدام GIT. 

    git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

  2. تغيير إلى دليل المشروع. 

     cd megamart-ecommerce

  3. تثبيت تبعيات الخادم. (أوصى استخدام الغزل) 

    yarn install

    أو، 

    npm install

  4. إنشاء ملف .env أو إعادة تسمية .env.dev إلى .env وأضف التكوين الخاص بك بناءً على ملف .env.dev المقدم.

  5. ابدأ خادم التطوير باستخدام هذا الأمر. 

    yarn start

    أو 

    npm start

  6. الوصول إلى التطبيق في متصفح الويب الخاص بك على http://localhost:3000 .

الاستخدام

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

إذا كنت مسؤولًا ، فانتقل إلى لوحة المسؤول لإدارة المنتجات والفئات والطلبات.

  1. انتقل إلى عنوان URL هذا وتسجيل الدخول كمسؤول 

    http://localhost:3000/admin

  2. قم بتسجيل الدخول إلى حساب المسؤول الخاص بك باستخدام هذه المعلومات. 

    email: [email protected]
password: 1111

إذا نجحت في تسجيل الدخول كمسؤول ، فيمكنك إدارة كل شيء.

المساهمة

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

رخصة

هذا المشروع مرخص بموجب ترخيص معهد ماساتشوستس للتكنولوجيا. لا تتردد في استخدامه وتعديله وتوزيعه وفقًا لشروط الترخيص.

استمتع بتجربة التسوق الخاصة بك مع موقع Megamart للتجارة الإلكترونية! إذا كان لديك أي أسئلة أو تواجه أي مشكلات ، فيرجى إنشاء مشكلة أو الاتصال بي.

رمز جانب الخادم هنا. 

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل