اذهب إلى المحتوى

السؤال

نشر (معدل)

السلام عليكم.

أود رأيكم حول مشاريع متكاملة بلغة javascript(mern)    ( واجهة أمامية و خلفية) يتم فيها استعمال معظم المفاهيم و تساعد تطور قدرات المبرمج.

أنا فكرت في بناء الواجهة الخلفية لمشروع تطبيق ملاحظات الذي تم إنشاؤه بواسطة react في دورة البرمجة بلغة الجافا سكريبت.

 شكرا لكم.

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Recommended Posts

  • 0
نشر

هذه قائمة بالمشاريع التي يمكنك القيام بتنفيذها :

 

  • منصة التجارة الإلكترونية: يمكنك إنشاء موقع يسمح للمستخدمين بشراء وبيع المنتجات عبر الإنترنت.

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

  • قائمة المهام: يمكنك إنشاء موقع يساعد المستخدمين على تنظيم مهامهم اليومية والأولويات.

  • نظام التصويت الإلكتروني: يمكنك إنشاء موقع يسمح للمستخدمين بالتصويت على قضايا مختلفة أو المرشحين.

  • نسخة من تطبيق زووم: يمكنك إنشاء موقع يسمح للمستخدمين بإجراء مكالمات فيديو جماعية أو فردية.

  • تطبيق التمويل الجماعي: يمكنك إنشاء موقع يسمح للمستخدمين بجمع التبرعات للأسباب أو المشاريع التي يؤمنون بها.

  • تطبيق الدردشة: يمكنك إنشاء موقع يسمح للمستخدمين بالتواصل مع بعضهم البعض عبر رسائل نصية أو صوتية أو فيديو.

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

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

  • 0
نشر (معدل)

موقع مكالمات فيديو أمثلة: Zoom و Skype و Microsoft Teams 

التقنيات المستخدمة في الواجهة الأمامية والخلفية:

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

  • React / NextJs
  • Redux / Redux Toolkits
  • Apollo-Client / REST API - تنفيذ طلبات باستخدام GraphQL أو REST
  • react motion / spring للرسوم المتحركة
  • WebRTC - للاتصال في الوقت الفعلي
  • socket.io-client - للبيانات في الوقت الفعلي
  • اختياري: اختبارات وحدة ، اختبارات النهاية إلى النهاية ، اختبارات التكامل مع مكتبة اختبار React ، Cypress

الجهة الخلفية:

  • مصادقة مع Passportjs
  • تفويض باستخدام JWT
  • MongoDB مع Mongoose ، Postgres مع Prisma أو MySQL
  • Apollo-Server / REST API - تنفيذ طلبات باستخدام GraphQL أو REST API
  • socket.io - للبيانات في الوقت الفعلي
  • اختياري: اختبار الوحدة باستخدام Jest

تطبيق الدردشة  realtime أمثلة: Slack و Whatsapp و Telegram و Discord

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

  • React / NextJs
  • Redux / Redux Toolkits
  • Apollo-Client / REST API
  • socket.io-client
  • emoji-mart

الجهة الخلفية:

  • مصادقة باستخدام Passport js
  • تفويض باستخدام JWT
  • MongoDB مع Mongoose ، Postgres مع Prisma أو MySQL
  • Apollo-Server/REST API
  • socket.io

وبالطبع يفضل بناء متجر إلكتروني حيث يتم استخدام مهارات وتقنيات عديدة مثل 

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

  • D3.js
  • stripe مع use-shopping-cart للدفع
  • socket.io-client

الجهة الخلفية:

  • MongoDB مع Mongoose ، Postgres مع Prisma أو MySQL
  • Cloudinary API - لتحميل الصور
  • stripe
  • socket.io
تم التعديل في بواسطة عبدالباسط ابراهيم
خطأ إملائي
  • 0
نشر

عليك بالتركيز على المشاريع التي بها API وبناء واجهة خلفية لمشروع تطبيق الملاحظات أمر جيد أنصحك به في البداية للتدريب وأيضًا مشروع أنت ملم به ونفذته من قبل.

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

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

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

أو تطوير منصة تسمح للمستخدمين بحجز الغرف الفندقية وإدارة الحجوزات والدفع عبر الإنترنت.

أو تطوير منصة تعليمية عبر الإنترنت تتيح للمستخدمين حضور الدروس والمحاضرات وإتمام التمارين والاختبارات عن بُعد.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...