قمت بتطوير الواجهة الأمامية (Front-End) لموقع "GameArena"، وهي منصة عصرية مخصصة لمحبي الألعاب الإلكترونية ومجتمعات الجيمنج. تم بناء الموقع بالكامل باستخدام نظام Bootstrap البرمجي لضمان استجابة وتوافق تام مع جميع الشاشات (الهواتف، الأجهزة اللوحية، والشاشات الكبيرة)، بالإضافة إلى الاعتماد على مكتبة Font Awesome للأيقونات التفاعلية.
يركز التصميم على تقديم تجربة مستخدم (UX) ممتازة من خلال واجهة داكنة مريحة للعين (Dark Mode) تعكس هوية عالم الألعاب، مع اختيار خطوط عصرية تضفي طابعاً مستقبلياً على المنصة. يتضمن المشروع هيكلية برمجية نظيفة ومنظمة (Clean Code) في ملفات HTML و CSS لضمان سهولة التعديل والتطوير المستقبلي أو ربطه مع لوحات التحكم والـ Back-End.
أبرز المميزات التي تم تنفيذها:
- توافق كامل (Fully Responsive): تصميم مرن يتكيف تلقائياً مع مختلف مقاسات الشاشات.
- هوية بصرية قوية: استخدام طابع الـ Cyberpunk/Gaming من خلال تدرجات الألوان واختيار خطوط مخصصة.
- أكواد منظمة: فصل تام بين الأنماط (Style) والخطوط (Fonts) لتسهيل الصيانة.
- تصفح سلس: شريط تنقل (Navbar) ثابت وعناصر تفاعلية تضمن وصولاً سريعاً لأقسام الموقع.