"منصة الأستاذ أحمد صلاح" هي منصة تعليمية تفاعلية متكاملة (Learning Management System)، تم تصميمها وتطويرها من الصفر لتكون الوجهة الرقمية الأولى لطلاب المرحلة الثانوية في مادة التاريخ. يهدف النظام إلى تسهيل عملية التعلم عن بُعد، وتنظيم الاشتراكات، وتوفير بيئة آمنة لعرض المحتوى التعليمي.
⚙️ التحدي الهندسي والحل:
كان التحدي يكمن في توفير منصة تتحمل الضغط العالي أثناء فترات الامتحانات (Scalability)، مع حماية المحتوى المرئي (الفيديوهات) من الوصول غير المصرح به، وإدارة عمليات الدفع والاشتراكات بشكل دقيق. كمهندس برمجيات المشروع، قمت ببناء هيكلية قوية وآمنة تعتمد على الفصل بين صلاحيات المستخدمين (Role-Based Access Control) باستخدام Middleware متقدم، مع ضمان تقديم تجربة مستخدم (UX) سلسة وسريعة تعتمد على جلب البيانات من الخادم (Server-Side Rendering).
🚀 المميزات التقنية التي تم تنفيذها:
1. لوحة تحكم إدارية شاملة (Teacher Dashboard):
• واجهة تحليلية (Dashboard Stats) تعرض الإيرادات، عدد الطلاب، ونسب إنجاز الدروس.
• إدارة كاملة للمحتوى: إضافة وتعديل الوحدات (Units) والدروس (Lessons) ورفع الفيديوهات.
• إدارة الاشتراكات (Subscriptions) والطلاب، مع إمكانية التحكم في صلاحيات الوصول للدروس بشكل فردي أو جماعي (Bulk Lesson Access).
2. بوابة الطالب التفاعلية (Student Portal):
• واجهة مستخدم نظيفة ومنظمة تعرض الدروس المتاحة حسب الصف الدراسي والوحدة.
• مشغل فيديو مخصص (Student Lesson Player) مع نظام تتبع لتقدم الطالب.
• نظام امتحانات متكامل (Exam Modal & Config) وتقييمات مستمرة لضمان استيعاب المادة العلمية.
• لوحة تحكم للطالب تتابع مساره التعليمي واشتراكاته النشطة.
3. الأمان وحماية البيانات (Security & Auth):
• نظام مصادقة آمن (Authentication) لتسجيل الدخول وإنشاء الحسابات.
• استخدام سياسات الأمان (RLS) في قاعدة البيانات لضمان عدم تداخل بيانات الطلاب.
• مسارات محمية (Protected Routes) لمنع الوصول للدروس إلا للمشتركين المعتمدين.
4. تجربة مستخدم متجاوبة (Responsive UI):
• تصميم يعتمد على مبدأ (Mobile-First) ليتناسب مع كافة أحجام الشاشات.
• ربط مباشر للمساعدة والدعم الفني عبر زر الواتساب (WhatsApp Integration).
💻 التقنيات المستخدمة:
• واجهة المستخدم (Frontend): Next.js (App Router), React, Custom CSS/Modules
• البنية التحتية وقاعدة البيانات (Backend & DB): Supabase, PostgreSQL, Node.js
• الأمان وإدارة الجلسات: Supabase Auth, Next.js Middleware
• النشر والاستضافة: Vercel
