Modern Course Platform

موقع ويب متكامل باسم “MoSHa </>” مبني بتقنيات MERN Stack، يشمل على الأقل 6 صفحات رئيسية وهي:

Home: تحتوي على الشعار المتحرك، فقرة تعريفية بالموقع، عبارات تحفيزية وآيات قرآنية بأنيميشن سلس، وقسم المطوّر مع روابط التواصل.

For Free: لعرض الكورسات المجانية في بطاقات منسقة مع تأثيرات حركة (Hover / Scroll / Fade).

Baument / Payment: لعرض الكورسات المدفوعة (أونلاين وأوفلاين) مع الأسعار ونماذج تسجيل تفاعلية.

Private: صفحة للتواصل المباشر مع المطوّر + عدّاد زوار ديناميكي يتحدث تلقائيًا.

Roadmaps: صفحة تحتوي على خرائط تعلم منظمة (Front-End, Back-End, Full Stack, Cybersecurity...) مع تصميم تفاعلي وأيقونات مرئية.

Profile: صفحة الملف الشخصي للمستخدم أو المطور، تتضمن المعلومات الشخصية، الكورسات المنجزة، والإعدادات (الوضع الليلي/المضيء، تعديل البيانات...).

لوحة تحكم (Dashboard أو Admin Panel) لإدارة الكورسات والمستخدمين والرسائل (إضافة، تعديل، حذف).

واجهة مستخدم (UI/UX) عصرية ومتحركة، متجاوبة تمامًا مع جميع الأجهزة (موبايل، تابلت، كمبيوتر).

دعم الوضعين الداكن والمضيء (Dark/Light Mode) مع مفتاح تبديل وانتقالات سلسة.

تأثيرات أنيميشن احترافية باستخدام Framer Motion أو AOS أو GSAP، في الأزرار، العناوين، والعناصر أثناء التمرير.

نموذج تواصل فعّال (Contact Form) يرسل البيانات إلى البريد الإلكتروني للمطور.

نظام عدّاد زوار ديناميكي (Visitor Counter) يعمل في الوقت الفعلي.

نشر المشروع بالكامل على منصة مثل Vercel أو Render أو Netlify مع تسليم الكود الكامل على GitHub.

دليل تشغيل (Documentation) مبسّط يوضح كيفية التعديل والإضافة مستقبلاً.