The Bestseller

The Bestseller هو تطبيق ويب تفاعلي تم تطويره باستخدام React في الواجهة الأمامية وNode.js في الخلفية، يهدف إلى تقديم تجربة تعليمية أو تنافسية تعتمد على شبكة من الخلايا التفاعلية. تم تصميم النظام ليستخدم في سياقات جماعية مثل الصفوف الدراسية أو ورش العمل، مع دعم لعدة فرق وتفاعل مباشر في الوقت الحقيقي.

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

•شبكة تفاعلية (Venn-like Grid) تحتوي على خلايا ملونة تمثل مناطق خاصة بكل فريق

•نظام حركة ذكي مبني على رمية نرد، يتيح للفريق التحرك فقط على الخلايا المطابقة للونه

•لوحة تحكم للمشرف (Moderator Panel) لإدارة اللعبة، طرح الأسئلة، مراقبة النقاط، والتحكم في الجولة

• نظام انضمام عبر Room ID لكل فريق، مع إمكانية تشغيل أكثر من جلسة بنفس الوقت

• تزامن مباشر بين جميع المستخدمين باستخدام Socket.IO

•نظام نقاط لحظي يتم تحديثه تلقائيًا بناءً على إجابات الفرق

•نظام أسئلة وأجوبة مدمج يمكن تخصيصه حسب الموضوع أو نوع اللعبة

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

•Node.js – كخادم خلفي لمعالجة منطق اللعبة وتوزيع الأحداث عبر WebSocket

•Socket.IO – لتحديثات مباشرة وتفاعل لحظي بين المستخدمين والمشرف

•React.js – لواجهة المستخدم التفاعلية

•TypeScript – لضمان كتابة كود منظم وآمن

•Sass (SCSS) – لتصميم واجهات مرنة وقابلة للتخصيص

•PostgreSQL + Prisma ORM – لإدارة قواعد البيانات الخاصة بالأسئلة، الجلسات، الفرق والنقاط

•Vercel + Render + Supabase – للنشر السريع وتوزيع السيرفر والواجهة بكفاءة ولاستضافة قاعدة البيانات

المشروع يجمع بين الجانب التقني والتربوي، ويُعد مثاليًا للألعاب الصفّية، ورش العمل، أو المنافسات الجماعية التي تتطلب تفاعل حي وعدالة بين الفرق.