تطوير لعبة Connect Four باستخدام HTML وCSS وJavaScript – نسخة مخصصة للشاشات الكبيرة

قمت بتطوير لعبة Connect Four التفاعلية كجزء من تحديات موقع Frontend Mentor، باستخدام HTML وCSS وJavaScript فقط، دون أي مكتبات خارجية.

تفاصيل اللعبة:

لعبة ثنائية (لاعب ضد لاعب) تعمل على المتصفح

واجهة مستخدم ديناميكية مع رسومات مخصصة للدوائر

نظام حركات بالتناوب بين اللاعبين مع تتبع للنتيجة

كود JavaScript ينفذ منطق اللعبة بالكامل: إسقاط الأقراص، التحقق من الفوز أو التعادل

تأثيرات انتقال بسيطة ورسومية لتحسين تجربة اللعب

️ هذه النسخة مخصصة حالياً للعرض على الشاشات الكبيرة (Desktop)، ويتم لاحقًا تحسينها لتدعم الأجهزة الصغيرة (Responsive Design).

أبرز المهارات المستخدمة:

التحكم بعناصر DOM

التعامل مع الأحداث (Event Listeners)

إنشاء منطق الفوز والتعادل باستخدام مصفوفات

تصميم واجهة جذابة باستخدام CSS Grid

? هذا المشروع يعكس قدرتي على بناء واجهات تفاعلية من الصفر باستخدام JavaScript، وتنظيم الكود المنطقي للعبة كاملة دون الاعتماد على مكتبات جاهزة.