منصة ليرنيكو للاختبارات وبطاقات الاستذكار (Learniko Study Hub)

أي طالب بيستعد لامتحانات مصيرية أو اختبارات معيارية بيحتاج بيئة سريعة وهادئة يراجع فيها بنوك الأسئلة وبطاقات الفلاش كاردز بدون أي تشتيت. للأسف، أغلب منصات المذاكرة الإلكترونية المشهورة بتعاني من ثقل غريب في التصفح؛ كل ما الطالب يقلب كارت أو يجاوب على سؤال، بيظهر له مؤشر تحميل (Loading Spinner) مستني ريكويست الباك إند يروح ويرجع من السيرفر، ده غير الإعلانات المنبثقة اللي بتشتت تركيزه، ولو شبكة الموبايل ضعفت أو باقة النت فصلت، الموقع بيقف تماماً ومابيقدرش يكمل مذاكرة.

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

عشان أوفر أسرع تجربة مذاكرة ممكنة، بنيت منصة Learniko بمعمارية استاتيكية كاملة (Jamstack) خالية من أي استعلامات خادم أثناء التصفح:

بنيت هيكل المنصة باستخدام Django مع أداة التوليد المسبق Django Distill، بحيث يتم توليد كافة المقررات، وبطاقات المراجعة، وبنوك الأسئلة كملفات HTML و CSS خفيفة ومستقلة أثناء مرحلة الـ Build، ثم نشر الموقع مباشرة على شبكة التوزيع السحابية لـ Cloudflare Pages.

بهذا الأسلوب، لغينا تماماً الحاجة لعمل أي Database Queries عند تصفح الطالب؛ صفحات المواد وبطاقات الاستذكار بتفتح في أقل من 100 ميلي ثانية حتى على أضعف شبكات الموبايل والـ 3G، والسيرفر مستحيل يقع أو يهنج مهما كان عدد الطلاب المتصلين في نفس اللحظة.

لضمان أقصى استفادة علمية من وقت المذاكرة، صممت محرك الأسئلة والبطاقات ليعمل بالكامل داخل المتصفح (Client-Side) باستخدام Vanilla JavaScript فائق الخفة:

لحل مشكلة انقطاع باقات الإنترنت أو الدراسة أثناء التنقل والمواصلات:

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

كما تم تصميم واجهة المستخدم بـ Tailwind CSS بنمط بصري هادئ وبسيط جداً يريح العين خلال جلسات المذاكرة الطويلة، مع خلو المنصة بالكامل من أي إعلانات تجارية أو مشتتات بصرية.