Online Learning Platform

الوصف:

قمت بتطوير منصة تعليمية متكاملة لإدارة الكورسات أونلاين باستخدام Next.js 14. المنصة تدعم الأدوار المتعددة (طالب – مدرس)، مع واجهات تفاعلية سهلة الاستخدام، وميزات متقدمة مثل متابعة التقدّم لكل كورس، رفع ملفات وفيديوهات، ونظام دفع إلكتروني مدمج.

المميزات (Features):

Browse & Filter Courses: تصفح الكورسات مع فلترة ذكية للبحث بسهولة.

Purchase Courses (Stripe): شراء الكورسات بأمان عبر Stripe.

Authentication (Clerk): تسجيل دخول وحماية المستخدمين.

Database (MongoDB + Prisma ORM): قاعدة بيانات سريعة ومرنة.

Course Progress: حساب نسبة تقدّم الطالب في الكورس.

Student Dashboard: لوحة تحكم مخصصة للطلاب لمتابعة الكورسات.

Teacher Mode: وضع المدرّس لإنشاء الكورسات وإدارتها.

Course & Chapter Management: إنشاء كورسات وفصول جديدة، مع إمكانية إعادة ترتيب الفصول بالسحب والإفلات.

Rich Media Support: رفع صور مصغرة، مرفقات، وفيديوهات باستخدام UploadThing.

Video Player: تشغيل الدروس بالفيديو عبر react-player.

Rich Text Editor: محرر نصوص منسّقة لوصف محتوى الفصول.

Track Progress: تمييز الفصول كمكتملة أو غير مكتملة.

️ التقنيات (Tech Stack):

Framework: Next.js 14

Database: MongoDB, Prisma

Authentication: Clerk

UI Components: Radix UI, shadcn/ui

Forms: React Hook Form, Zod

API Requests: Axios

Styling: Tailwind CSS

File Uploads: UploadThing

Markdown Support: React Markdown Preview, React MD Editor