cyper study

قمت بتطوير نظام تعليمي متكامل مشابه لمنصّات التعلم مثل Udemy، ويضم جميع الخصائص الأساسية لإدارة عملية التعلم للطلاب من البداية للنهاية.

مكوّنات المشروع:

1. Categories Management

إنشاء وإدارة التصنيفات الرئيسية والفرعية.

ربط كل كورس بالتصنيف المناسب.

واجهة منظمة لتسهيل تصفّح المستخدم للكورسات.

2. Courses System

عرض جميع الكورسات بتفاصيل كاملة: السعر، الوصف، الصورة، عدد الدروس.

صفحة Course Details شاملة التقييمات والمحتوى.

فلترة وبحث ذكي داخل الكورسات.

3. Cart System

إضافة الكورس إلى السلة بضغطة واحدة.

حساب السعر الإجمالي.

إمكانية حذف كورسات من السلة قبل الدفع.

تحديث فوري للبيانات (Real-time UI updates).

4. Wishlist / Favorites

إضافة كورسات للمفضلة للاحتفاظ بها لاحقًا.

إزالة الكورس بضغطة واحدة.

مزامنة كاملة بين العميل وقاعدة البيانات.

5. Student Dashboard

عرض الكورسات المسجَّل فيها الطالب.

تتبع نسبة التقدم داخل كل كورس.

عرض الدروس المكتملة والمتبقية.

واجهة واضحة وسهلة للمستخدم.

6. Payment Integration

نظام دفع متكامل لشراء الكورسات (Stripe وpaypal).

إنشاء فاتورة، تأكيد عملية الدفع، وتحديث حالة الطالب بعد الدفع.

حماية كاملة للطلبات واستخدام JWT.

التقنيات المستخدمة

Frontend: React – Tailwind CSS – ShadCN UI

State Management: Redux

Backend: Node.js – expressjs

Database: mySQL

Auth: JWT – Role Based Access