تعليم · منصة تعلّم
JinnEducation: ثلاثة صفوف، منصة واحدة.
منصة تعلّم إلكتروني متكاملة توحّد الكورسات المسجّلة والجلسات الجماعية والدروس الخاصة — بواجهة أُعيد بناؤها من الصفر، وخلفية Laravel أُعيدت هيكلتها، ولوحة إدارة تفاعلية بـ Vue.js.
- العميل
- مزوّد تعليم إلكتروني
- الدور
- إعادة بناء الواجهة، وإعادة هيكلة خلفية Laravel، ولوحة إدارة Vue.js
- الحزمة التقنية
- Laravel · Vue.js · Tailwind CSS · REST API · MySQL
- الحالة
- قيد الإنتاج — منصة خاصة بعميل
المشكلة
ثلاثة أنواع محتوى، منصة واحدة، وديون تقنية عميقة.
كان على الكورسات المسجّلة والجلسات الجماعية التفاعلية والدروس الخاصة أن تعيش في نظام واحد متماسك — بينما كانت خلفية Laravel القائمة تحمل اختناقات أداء وعلاقات بيانات متشابكة تكسر التزامن مع جهة الإدارة.
المقاربة
إعادة بناء الأمام، وإعادة هيكلة الخلف.
أعدنا بناء واجهة الطالب من الصفر بـ HTML وTailwind وjQuery لتحميلٍ سريع ومسار تسجيل واضح. وفي الخلفية، أعدنا هيكلة علاقات النماذج في Laravel وضبطنا منطق الـ API، ثم بنينا فوق ذلك لوحة إدارة تفاعلية بـ Vue.js.
ما بنيناه
- — عرض الكورسات المسجّلة وتسجيل الطلاب فيها
- — إدارة الجلسات الجماعية والدروس الخاصة المباشرة
- — واجهة طالب سريعة مبنية لأداء التحميل
- — لوحة إدارة تفاعلية بـ Vue.js للمحتوى والمستخدمين
- — خلفية Laravel مُعاد هيكلتها بواجهة API نظيفة وعلاقات بيانات مُنظّمة
- — بنية متعدّدة الطبقات مبنية للتوسّع
- Laravel
- Vue.js
- Tailwind CSS
- jQuery
- REST API
- MySQL
النتيجة
منصة طبقية تخدم ثلاثة جماهير في آن.
الطلاب يحصلون على واجهة سريعة، والإداريون على لوحة تفاعلية، ونواة Laravel تُبقي الطرفين في تزامنٍ دقيق — منصة مبنية لتنمو مع المحتوى والمستخدمين.
