Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing

مشروع تحدي الدول العربية

×

تحميلات 444

حجمه 1.38MB

آخر تحديث له 01-08-2024

تحدي الدول العربية هي لعبة ترفيهية تفاعلية تهدف إلى اختبار معرفة اللاعبين بجغرافيا الدول العربية بطريقة ممتعة و مثيرة.


خصائصه

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

معلومة تقنية

  • هذا المشروع مبني باستخدام React
  • تم استخدام مكتبة sweetalert2 لإظهار التنبيهات.
  • تم استخدام مكتبة leaflet و react-leaflet لعرض خريطة العالم في المشروع.

هذا المشروع بمثابة PWA أو Progressive Web App حتى يكون بالإمكان تشغيل الموقع كتطبيق على الجوال.


طريقة تشغيل المشروع

  1. قم بتحميل المشروع. ثم فك الضغط عنه.
  2. أدخل لمجلد المشروع بواسطة موجه الأوامر و نفّذ الأمر npm install لتحميل المكتبات المستعملة في المشروع.
  3. في النهاية نفّذ الأمر npm run dev لتشغيل المشروع و الذي سيفتح من بعده بشكل تلقائي في المتصفح.

تجربة المشروع

يمكنك تجربة اللعبة بشكل مباشر من الرابط التالي:

https://ezadeen-almoshra.github.io/arab-countries-maps


رابط مشروع اللعبة

هذا المشروع متوفر للتحميل على جيتهاب من خلال الرابط التالي:

https://github.com/Ezadeen-Almoshra/arab-countries-maps

المشروع يتضمن

تعليقات 3

أضف تعليق

يجب تسجيل الدخول حتى تتمكن من إضافة تعليق أو رد.