منصة E-Learning كاملة (Next.js + Dashboard + Multi-language) مربوطة ب Youtube API for Courses

قمت ببناء منصة تعليمية متكاملة من الصفر مع تحسين تجربة المستخدم، الأداء، ودعم تعدد اللغات، بالإضافة إلى نظام إدارة متكامل للطلاب والمدرسين.

تحسين تجربة المستخدم في صفحة الحساب (Account Page UI Enhancements)

تطوير واجهات متجاوبة بالكامل لجميع الأجهزة (Responsive Design)

تحسين عرض الكورسات وتنظيم الصفحة الرئيسية

دعم الوضع الليلي والنهاري (Dark / Light Mode)

دعم تعدد اللغات (عربي / إنجليزي) مع إدارة ملفات الترجمة

-Backend & API

تطوير API لإدارة الكورسات (بما في ذلك حذف الكورسات)

ربط الواجهة الأمامية مع الـ API بشكل كامل (Full Integration)

استخدام Route Handlers في Next.js لبناء backend حديث

- Authentication & Roles

تطبيق نظام تسجيل دخول باستخدام NextAuth

دعم حسابات مختلفة (طالب / مدرس)

إدارة الصلاحيات لكل نوع مستخدم

- Dashboard & Features

إنشاء لوحة تحكم للطلاب (Student Dashboard)

تطوير Tabs تفاعلية داخل الحساب

إضافة ميزة تسجيل الشاشة داخل المجموعات (Screen Recording Feature)

- تحسينات تقنية (Code Quality)

إضافة Error Boundary للتعامل مع الأخطاء غير المتوقعة

إعادة هيكلة الكود (Refactoring) لتحسين الأداء وسهولة الصيانة

تنظيم وتحسين ملفات الترجمة

- Performance & Optimization

تحسين الأداء العام للتطبيق

تحسين بنية المشروع لسرعة التحميل وتجربة المستخدم

- Features إضافية

صفحة مجتمع (Community Page)

صفحات المواد (Subjects Pages)

دعم كورسات مبنية على YouTube

إدارة الكورسات بشكل كامل

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

Next.js (App Router)

Tailwind CSS

MongoDB

NextAuth

REST API

Vercel Deployment