Real-Time Multiplayer Trivia Game (Geology Competition)

قمت بهندسة وتطوير تطبيق مسابقات تفاعلي ومباشر متعدد اللاعبين (Multiplayer Quiz App) تم تصميمه خصيصاً لمسابقة في علم الجيولوجيا. تتيح المنصة لعدة متسابقين التنافس في نفس الوقت بشكل لحظي (Real-time)، وتتميز بنظام "الأسرع في الإجابة" (First-to-buzz) بزمن استجابة فائق السرعة، بالإضافة إلى التتبع المباشر للنقاط، والبث المتزامن للأسئلة لجميع شاشات المتسابقين في آنٍ واحد.

التقنيات المستخدمة (Tech Stack):

واجهة المستخدم (Frontend): React.js, Tailwind CSS.

الواجهة الخلفية والاتصال اللحظي (Backend & Real-Time): Node.js, WebSockets (Socket.io).

هيكلية النظام (Architecture): بنية برمجية تعتمد على الأحداث المباشرة (Event-driven real-time communication).

الخصائص والمميزات الرئيسية:

نظام الزر التفاعلي اللحظي (Real-Time Buzzer System): برمجة نظام استجابة فائق السرعة (أجزاء من الثانية) يلتقط أول متسابق يضغط على الزر، ويقوم فوراً بقفل الإمكانية (Lock out) على باقي المتسابقين لضمان العدالة التامة.

المزامنة اللحظية للأحداث (Live State Synchronization): بث أسئلة الاختيار من متعدد، عدادات الوقت (Countdown Timers)، والتغذية الراجعة الفورية (إجابة صحيحة/خاطئة) لجميع الأجهزة المتصلة بالشبكة في نفس اللحظة وبدون أي تأخير.

نظام النقاط ولوحة الصدارة (Dynamic Leaderboard): بناء نظام آلي لتسجيل النقاط يقوم بتحديث ترتيب المتسابقين في لوحة الصدارة (Leaderboard) بشكل فوري بناءً على الإجابات الصحيحة وسرعة الاستجابة.

لوحة تحكم مدير المسابقة (Host/Admin Controls): تطوير واجهة تحكم مخصصة لمدير اللعبة (Host) تتيح له إطلاق الأسئلة الجديدة يدوياً، إدارة النقاط، وإعادة ضبط حالة أزرار المتسابقين (Reset) استعداداً للسؤال التالي.