الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

استنساخ Trello مع Mern Stack!

هذا تطبيق تم تصميمه باستخدام Mern Stack ، ويمكنك الوصول إلى العرض التوضيحي المباشر هنا ويمكنك النقر فوق الصورة التالية لمشاهدة الفيديو!

انقر على الصورة لمشاهدة الفيديو!

غاية

غرضي من تطوير هذا المشروع هو إظهار ما يمكنني فعله على الواجهة الأمامية والواجهة الخلفية. أود أيضًا أن أشير إلى أنه أول مشروع لي كمكدس Mern.

سمات

  • تصميم مستجيب تمامًا مثل Trello
  • تسجيل وتسجيل الدخول
  • قم بإنشاء لوحات متعددة ، وحدد أي خلفية وأضف أعضاء
  • إنشاء قوائم متعددة
  • إنشاء بطاقات متعددة
  • قم بسحب القوائم أو البطاقات السحب وإسقاطها
  • تغيير العنوان وخلفية اللوحة
  • أضف وصفًا للوحة
  • تغيير عنوان القوائم
  • أضف الوصف ولون الغلاف والأعضاء والعلامات وتاريخ البدء وتاريخ الاستحقاق وقائمة مراجعة متعددة ومرفقات متعددة
  • حذف الألواح أو القوائم أو البطاقات
  • تتبع جميع سجلات الأنشطة للبطاقات واللوحات
  • التعليق على البطاقات أو الألواح
  • لوحات البحث أو عناوين البطاقات

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

جانب الخادم جانب العميل فقط التنمية
ExpressJs المكونات المصممة Nodemon
صريح ما لم reduxjs-toolkit
النمس رد الفعل-DND
كورس المادة
طريق البديهية
dotenv تاريخ FNS
jsonwebtoken لحظة
bcryptjs Atlaskit/CSS-reset
رد فعل hook/mouse
رد الفعل
رد فعل السنانير

كيف تركض؟

  • تنزيل Nodejs هنا

  • بالنسبة لقاعدة البيانات ، يمكنك استخدام أطلس MongoDB أو Mongo المحلي. انظر هنا

  • استنساخ المستودع:

    git clone https://github.com/umurdogann/trello-clone-mern

  • دليل التغيير:

    cd trello-clone-mern

  • فتح المحطة الثانية نفس الموقع:

    • Ubuntu: gnome-terminal
    • Windows: start

  • تغيير دليل المحطة الأولى وتثبيت الحزم:

    cd server

    npm install

  • إنشاء ملف .env في دليل الخادم مثل .env.example وأدخل المتغيرات المطلوبة

  • بدء الخادم:

    npm run start

  • تبديل المحطة الثانية

  • تغيير دليل المحطة الثانية وتثبيت الحزم:

    cd client

    npm install

  • بدء العميل:

    npm run start

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل