Qarbla: The Ashura Experience

المشروع ده كان عبارة عن تطوير منصة تعليمية تفاعلية باسم Qarbla (وعيٌ يمرّ من كربلاء)، بهدف تحويل المحتوى من مجرد قراءة تقليدية إلى تجربة رقمية منظمة وتفاعلية بالكامل.

الفكرة الأساسية مش كانت بناء موقع محتوى عادي، لكن تصميم نظام تعليمي كامل بيقدم رحلة منظمة خلال 13 ليلة، بحيث المستخدم يمشي في تسلسل واضح من المحتوى، التفاعل، والاختبار، بدل ما يكون استهلاك عشوائي للمعلومات.

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

عشان كده تم تصميم المنصة كنظام متكامل فيه:

محتوى يومي منظم لكل ليلة

اختبارات تفاعلية (Timed Quizzes) لقياس الفهم

نظام مشاركة quotes وملخصات

لوحة تحكم كاملة للإدارة لإدارة المحتوى بدون تدخل تقني

من ناحية تجربة المستخدم، الهدف كان خلق رحلة بسيطة وواضحة:

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

من الناحية التقنية، تم بناء النظام باستخدام Next.js 14 مع Supabase كقاعدة بيانات وإدارة مستخدمين، مع تطبيق نظام صلاحيات آمن (RLS) وتحكم كامل في المحتوى من خلال لوحة إدارة مخصصة.

تم تطوير نظام الاختبارات بحيث يكون Server-validated لضمان الدقة ومنع أي تلاعب في النتائج.

واجهة المستخدم تم تصميمها بأسلوب Dark Theme هادئ (Dark Luxury Style) يركز على القراءة العميقة وتقليل التشتيت، مع تحسين الأداء بشكل كبير لضمان سرعة عالية وتجربة سلسة على كل الأجهزة.

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