JS QUEST – منصة تفاعلية لتعلم JavaScript بأسلوب الألعاب

قمت بتطوير مشروع JS QUEST، وهو منصة تعليمية تفاعلية تهدف إلى جعل تعلم JavaScript أكثر متعة من خلال دمج البرمجة مع أسلوب ألعاب تقمص الأدوار (RPG). تقدم المنصة تجربة تعليمية قائمة على الاستكشاف والتحديات البرمجية والتدرج في اكتساب المهارات، بما يساعد المتعلمين على فهم المفاهيم البرمجية وتطبيقها عمليًا.

تضم فكرة المشروع ستة عوالم تعليمية تغطي أساسيات JavaScript، والتحكم في تدفق البرنامج، والدوال والمصفوفات، والتعامل مع DOM، والبرمجة غير المتزامنة، وسير العمل المستخدم في تطوير البرمجيات. كما يعتمد المشروع على دمج التعلم بالممارسة من خلال التحديات البرمجية ومحرر الأكواد Monaco Editor، مع تصميم قابل للتطوير لإضافة أنظمة التقدم والمكافآت والمشروعات التعليمية.

تم تطوير المشروع باستخدام Next.js وReact وTypeScript، مع Tailwind CSS لتنسيق الواجهات وFramer Motion لإضافة الحركات التفاعلية. وتشمل التقنيات المستخدمة أيضًا Zustand لإدارة الحالة، وZod للتحقق من البيانات، وMonaco Editor لتحرير الأكواد، إلى جانب HTML5 وCSS3.

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