عمليات تعلم · إدارة فورية
إدارة متون
منصة العمليات الداخلية لمنتج إسلامي متعدد اللغات للتعلم والحفظ.
زيارة المنتجالدور
مهندس واجهة أمامية منذ الإعداد الأول للتطبيق، مسؤول عن معمارية إدارية واسعة وتدفقات فورية رئيسية.
النطاق
الطلاب والمدارس والمدرسون ووثائق الاعتماد والمديرون والأدوار والصلاحيات · الكتب والاختبارات وبنوك الأسئلة والكلمات الصعبة والصوت والشارات والشهادات والمحتوى الداعم · مجالس التسميع المباشرة والفيديو والحضور اللحظي وQR الميداني وتصدير الشهادات · نماذج متعددة اللغات وتحقق وعمليات API وأنماط إدارة قابلة لإعادة الاستخدام
الفريق
مطورا واجهة أمامية، ومطور واجهة خلفية، ومهندس جودة، وفريق تصميم، ومدير مشروع.
التحدي
تحويل التعقيد إلى حالة مفهومة.
التحدي
جمع المنتج مساحات إدارة كبيرة مع جلسات تعلم مباشرة يجب أن تبقى فيها حالة المشاركين والحضور والوسائط والشهادات متماسكة عبر عدة تكاملات.
النهج
أسست أنماط إدارة قابلة لإعادة الاستخدام بـ React وMUI، ودمجت عمليات GraphQL المولدة مع Hasura، وبنيت تجربة المجالس حول Jitsi وYouTube وSocket.IO وحضور QR وتصدير الشهادات.
النتيجة
أصبح بإمكان فرق التشغيل إدارة دورة التعلم في لوحة عربية/إنجليزية واحدة، مع دعم المجالس للمشاركة عن بعد والحضور الميداني.
أبرز المساهمات
- 01طورت لوحة الإدارة منذ إعدادها الأول.
- 02بنيت اعتماد المدرسين مع مراجعة الوثائق والقبول والرفض والتصنيف.
- 03دمجت GraphQL Code Generator وعمليات Hasura.
- 04نفذت حضور Socket.IO دون وصف استعلامات GraphQL على أنها اشتراكات.
التقنيات
لقطة من سجل المستودع
نُسب 561 من 655 التزاماً في سجل المستودع المفحوص إلى هوياتي المعروفة في Git.
رابط صفحة متون العامة للسياق فقط؛ لم أبنِ تلك الصفحة.
تابع الاستكشاف
مصحف اقرأ
تكامل واجهة لجلسات التلاوة المباشرة، وصوت المتصفح، والملاحظات على مستوى الآية، وقارئ قرآن بست لغات.
عرض دراسة الحالة
Univerta
تدفقات إدارة وتعلم واسعة، مع معالجة اعتماديات Nx أعادت التحديث الفوري ورفعت اختبار Lighthouse مضبوطاً من 78 إلى 92.
عرض دراسة الحالة
Adam Radar
لوحات غنية بالبيانات وتدفق تقارير مخصصة مع الاستطلاع والإلغاء والتصفح اللانهائي والإشعارات وتصدير CSV.
عرض دراسة الحالة