Games App - OOP & API Integration Project

في هذا المشروع قمت بتطبيق مفاهيم البرمجة الكائنية التوجه (OOP) بالإضافة إلى التعامل مع API خارجي لعرض معلومات الألعاب. التطبيق عبارة عن موقع مقسوم إلى قسمين رئيسيين:

1.قسم الألعاب (Games Section):

يتم فيه عرض قائمة بالألعاب من فئات مختلفة (Categories)، يتم جلبها من API خارجي باستخدام fetch. كل لعبة تظهر في شكل Card تحتوي على اسم اللعبة وصورة ومعلومات مختصرة.

2.قسم التفاصيل (Details Section):

عند الضغط على أي لعبة، يتم إخفاء قسم الألعاب وعرض تفاصيل اللعبة بشكل منفصل. يتم ذلك من خلال إرسال معرّف اللعبة (ID) إلى الـ API وجلب البيانات الخاصة بها.

الهيكل البرمجي:

•تم بناء كل قسم داخل Class مستقل.

•تم إنشاء Class مخصص للـ UI يحتوي على كل الدوال الخاصة بالعرض (Display Methods).

•تم الاعتماد على مبدأ الفصل بين منطق العرض والمنطق الخاص بالتعامل مع البيانات (Separation of Concerns).

•تم استخدام الأحداث (EventListeners) للتنقل بين الأقسام بناءً على تفاعل المستخدم.

المميزات:

•واجهة جذابة وسهلة الاستخدام.

•عرض الألعاب بطريقة منظمة حسب التصنيفات.

•عرض تفصيلي لكل لعبة عند الضغط عليها.

•تنظيم الكود باستخدام مفاهيم الـ OOP.

•استهلاك بيانات من API خارجي باستخدام fetch.

الأدوات المستخدمة:

•HTML5

•CSS3

•JavaScript (ES6+)

•OOP Concepts (Classes, Methods)

•Fetch API