📌 CodeMap Academy — منصة تعلّم إلكتروني كاملة بتقنية MERN

CodeMap Academy هي منصة تعلّم إلكتروني طوّرتها بالكامل باستخدام
Next.js + Node.js/Express + MongoDB، وبتقدّم تجربة متكاملة للمتعلمين من خلال الدورات، والخرائط التعليمية، والبودكاست، والدفع الإلكتروني، ولوحة تحكم متقدمة للمديرين.

🎯 ما الذي قمت ببنائه؟

• نظام دورات كامل (فيديوهات، تتبع تقدّم، تقييمات، أسئلة وأجوبة)
• خرائط تعليمية تفاعلية للمسارات البرمجية
• منصة بودكاست تعليمية مع مشغّل صوت وتصنيف
• إشعارات لحظية باستخدام Socket.IO
• نظام دفع عبر Stripe
• لوحة تحكم إدارية كاملة بالتحليلات (مستخدمين – طلبات – أرباح)
• نظام مصادقة قوي: تفعيل الإيميل، تسجيل دخول، JWT، استرجاع كلمة المرور
• دعم لغتين (العربية والإنجليزية) مع دعم كامل للـ RTL
• إدارة ديناميكية لمحتوى الواجهة الأمامية (يشبه الـ CMS)

🧩 الواجهة الأمامية — Next.js 15 + TypeScript

• Next.js App Router + SSR + تحسينات أداء
• Redux Toolkit + RTK Query لإدارة الحالة
• Tailwind CSS + MUI + NextUI للتصميم
• Framer Motion و GSAP للأنيميشن
• NextAuth لنظام مصادقة آمن
• i18next للترجمة ودعم RTL
• تصميم متجاوب وسلس على كل الشاشات

⚙️ الواجهة الخلفية — Node.js + Express + MongoDB

• REST API مبني بأسلوب سيرفرلس على Netlify
• قواعد بيانات MongoDB + Mongoose
• JWT (Access + Refresh Tokens)
• رفع ملفات وصور عبر Cloudinary
• الدفع الإلكتروني عبر Stripe
• إرسال إيميلات عبر Nodemailer + EJS
• إشعارات لحظية عبر Socket.IO
• تحليلات قوية عبر MongoDB Aggregation

🔐 الأمان

• مصادقة JWT
• Rate Limiting
• Sanitization ضد XSS والهجمات النصية
• تحكم في CORS
• Cookies آمنة
• صلاحيات Roles (مستخدم / مدير)

🚀 النشر (Deployment)

• Frontend: Vercel
• Backend: Netlify Serverless Functions
• أداء عالي + قابلية توسّع كبيرة

📈 النتيجة

منصة تعليم إلكتروني كاملة بمستوى SaaS، مبنية بهندسة قوية واستخدام فعلي،
وتُبرز خبرتي في:

• تطوير MERN المتقدم
• إدارة المشاريع كبيرة الحجم
• التصميم البنيوي السليم
• بناء أنظمة آمنة وقابلة للتوسّع
• دمج تقنيات حديثة وأداء عالي