Quick Summary
Amr Samir, Full Stack Developer & Technical Architect, built this project using ريأكت, تايلويند سي إس إس, نود جي إس, إكسبريس, مونغو دي بي. It demonstrates professional-grade implementation of modern web solutions with a focus on performance and scalability.
ماذا يوضح هذا المشروع
المواصفات التقنية
- Project Type: Web Application
- Primary Stack: ريأكت, تايلويند سي إس إس, نود جي إس
- Deployment: سيرفر خاص مؤمن (VPS)
- Architecture: بنية حديثة متكاملة
القيم الأساسية
Delivering scalable, high-performance solutions with a focus on user experience and business growth.
استفسار سريع عن المشروع
أرسل استفسارك مباشرة من صفحة المشروع دون الانتقال إلى صفحة التوظيف.
نظرة عامة على المشروع
Skillora - منصة إدارة التعلم والكورسات المتكاملة
المشكلة ونطاق العمل
تحتاج منصات التعليم الإلكتروني إلى حماية الفيديوهات المدفوعة من التحميل المباشر أو مشاركة الروابط مع غير المشتركين، مع ضمان تشغيل سلس دون استهلاك خوادم التطبيق في بث ملفات الفيديو الكبيرة.
تم تطوير Skillora كمنظومة تعليمية متكاملة تجمع بين واجهة React وخادم Node.js/Express مع MongoDB، وربط خدمة Cloudinary لتوليد روابط تشغيل فيديو موقعة ومحمية رقميًا.
المعمارية البرمجية والمكونات التقنية
1. الهيكلية المتداخلة للمناهج الدراسية
- تنظيم محتوى الكورس بشكل شجري:
الكورس→الوحدات التدريبية→الدروس(فيديو / نصوص) →الاختبارات - متابعة بيانات كل طالب وحفظ الدروس المكتملة ونتائج التقييمات وتاريخ استحقاق الشهادة.
2. حماية الفيديوهات عبر روابط Cloudinary الموقعة رقميًا
- تخزين الفيديوهات كملفات محمية (Authenticated Assets) على Cloudinary لمنع الوصول المباشر.
- عند فتح الدرس، يتحقق الخادم أولاً من اشتراك الطالب في الكورس من قاعدة البيانات.
- في حال التحقق، يولد الخادم رابط تشغيل موثق بتوقيع رقمي صالح لفترة زمنية محددة، مما يمنع مشاركة رابط الفيديو خارج المنصة.
3. تتبع تقدم الطلاب واكتمال الدروس
- تحديث سجل تقدم الطالب فور إنهاء مشاهدة الدرس أو اجتياز الاختبار.
- حساب النسبة المئوية لإنجاز الكورس تلقائيًا وفتح الوحدات التالية تباعًا.
4. مسار التسجيل والدفع عبر PayPal
- ربط بوابة PayPal لمعالجة شراء الكورسات وتفعيل اشتراك الطالب فور تأكيد المعاملة.
التحديات والقرارات الهندسية
- حماية محتوى الفيديو: الاعتماد على الروابط الموقعة من Cloudinary يوفر حماية قوية للمحتوى دون تحميل خادم التطبيق عبء بث الفيديو مباشرة.
- كفاءة الاستعلام عن المناهج: فهرسة معرفات الدروس والوحدات لتسريع الانتقال بين الدروس وتشغيل الفيديو بسلاسة.
المراجع والروابط
- التقنيات: REReact, NONode.js, EXExpress.js, MOMongoDB, CLCloudinary