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

تطبيق متكامل للرياضات الإلكترونية

  • عن
  • عميل الويب
  • خادم الويب/واجهة برمجة التطبيقات (API).
  • العميل المحمول
  • تثبيت
  • ملاحظات إضافية

عن

يتيح التطبيق للمستخدمين نشر مدى توفرهم والعثور على مستخدمين آخرين يلعبون نفس اللعبة والاتصال بهم، حتى يتمكنوا من اللعب معًا.

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


عميل الويب


عميل ويب تم إنشاؤه باستخدام ReactJS. وتشمل الميزات الرئيسية قائمة الألعاب وإنشاء الإعلانات.

أدوات

  • تايب سكريبت
  • ReactJS
  • TailwindCSS
  • واجهة المستخدم الجذرية
  • أكسيوس

خادم الويب/واجهة برمجة التطبيقات (API).


بقية واجهة برمجة التطبيقات (API) مع طرق لإدراج الموارد وإنشائها.

أدوات

  • NodeJS
  • ExpressJS
  • بريزما ORM
  • سكليتي
  • تايب سكريبت

العميل المحمول


تم إنشاء عميل الهاتف المحمول عبر الأنظمة الأساسية باستخدام React Native. وتشمل الميزات الرئيسية تصفح الإعلانات والعثور على اللاعبين.

أدوات

  • تايب سكريبت
  • رد الفعل الأصلي
  • المعرض

تثبيت

  • انتقل إلى الدليل الجذر للتطبيق (الجوال أو الخادم أو الويب)
  • تثبيت التبعيات عن طريق تشغيل npm install
  • قم بتشغيل التطبيق باستخدام npm run dev

شيئان يجب مراعاتهما:

  • يجوز لك تثبيت الخادم وتشغيله قبل تشغيل تطبيقات العميل
  • اعتبارًا من اليوم، لا يوجد أي من التطبيقات في هذا المشروع جاهز للنشر

ملاحظات إضافية

  • هذا المشروع هو مجرد تمرين عملي يهدف إلى تطوير و/أو عرض مهاراتي في الأدوات/التقنيات/المفاهيم المذكورة أعلاه. ليس المقصود منه أن يكون حلاً كاملاً جاهزًا للإنتاج. لا تتردد في التواصل معنا إذا كان لديك أي أسئلة أو تريد الدردشة حول هذا الموضوع!
  • تم إنشاء هذا التمرين بناءً على الدروس المستفادة من برنامج Ignite ReactJS الخاص بـ Rocketseat. قد يكون أو لا يكون قد تم تعديله/إعادة تصميمه بواسطتي.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل