FreeToFun with js ,html,css,oop prototype

وصف المشروع: Game Discovery App

تطبيق ويب بسيط يهدف إلى عرض ألعاب مجانية (Free-to-Play) بطريقة منظمة وجذابة، باستخدام FreeToGame API لجلب بيانات الألعاب بشكل مباشر من الإنترنت.

تم بناء المشروع باستخدام HTML، CSS، JavaScript، مع الاستعانة بإطار العمل Bootstrap لتصميم واجهة مستخدم أنيقة ومتجاوبة.

الميزات الرئيسية:

️ عرض الألعاب المجانية:

يعرض التطبيق قائمة شاملة من الألعاب المتاحة مجانًا، مع صورها وأسمائها ونوعها.

التصفية حسب النوع أو المنصة:

يمكن للمستخدمين اختيار الألعاب حسب الفئة (Genre) مثل الأكشن أو الأدوار أو القتال، وكذلك تحديد المنصة (مثل الكمبيوتر أو المتصفح).

عرض التفاصيل الكاملة:

عند النقر على أي لعبة، تظهر نافذة منبثقة (Fullscreen Modal) تحتوي على كافة المعلومات مثل الوصف، الصور، نظام التشغيل، والروابط المباشرة للعب.

️ استخدام FreeToGame API:

يعتمد التطبيق على واجهة برمجية (API) خارجية لجلب أحدث الألعاب وتحديثها بشكل ديناميكي دون الحاجة لتحديث الصفحة يدويًا.

? تصميم واجهة متجاوبة:

تم تصميم الواجهة باستخدام Bootstrap لتعمل بسلاسة على مختلف أحجام الشاشات، سواء على الحاسوب أو الهاتف.

تجربة مستخدم مميزة:

التصميم يعتمد على نمط داكن (Dark Theme) مع تأثيرات Hover ناعمة وألوان نابضة توحي بأجواء الألعاب الحديثة.

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

HTML5 – لبناء الهيكل العام للصفحات.

CSS3 – لتنسيق الواجهة وإضافة التأثيرات الجمالية.

JavaScript (Vanilla JS) – لإدارة المنطق البرمجي وجلب البيانات من الـ API.

Bootstrap 5 – لتصميم واجهة احترافية ومتجاوبة بسرعة.

FreeToGame API – لجلب بيانات الألعاب المجانية وعرضها بشكل ديناميكي.