# New-Academy — أكاديمية نيو منصة تعليمية تفاعلية متكاملة لتعليم الأطفال والناشئين مهارات البرمجة والتكنولوجيا. ## 🚀 البدء السريع ### المتطلبات الأساسية - Node.js 18+ - npm أو yarn ### التثبيت ```bash # تثبيت الحزم npm install # تشغيل المشروع في وضع التطوير npm run dev # بناء المشروع للإنتاج npm run build ``` بعد تشغيل `npm run dev`، افتح المتصفح على `http://localhost:5173` ## 📁 هيكل المشروع ``` src/ ├── components/ # المكونات المشتركة │ ├── common/ # مكونات عامة (أزرار، كروت، جداول، إلخ) │ └── layout/ # مكونات التخطيط (Header, Footer) ├── layouts/ # تخطيطات الصفحات │ ├── PublicLayout.tsx │ ├── AuthLayout.tsx │ └── DashboardLayout.tsx ├── pages/ # صفحات التطبيق │ ├── public/ # صفحات الموقع العام │ ├── auth/ # صفحات المصادقة │ ├── parent/ # لوحة تحكم ولي الأمر │ ├── student/ # لوحة تحكم الطالب │ └── admin/ # لوحة تحكم الإدارة ├── data/ # البيانات الثابتة (JSON/TS) ├── lib/ # مكتبات مساعدة (axios، أدوات) ├── types/ # أنواع TypeScript مشتركة └── styles/ # ملفات التصميم └── theme.scss # نظام التصميم الرئيسي ``` ## 🎨 نظام التصميم المشروع يستخدم نظام تصميم مخصص مبني على: - **Bootstrap 5** (RTL enabled) - **Bootstrap Icons** - **CSS Variables** للنظام اللوني - **SCSS** للأنماط المخصصة ### الألوان الرئيسية - `--primary-blue`: #366DEC - `--success-green`: #46D268 - `--sky-bg`: #F0F8FE - `--navy-text`: #464E6F ## 🔐 حسابات تجريبية يمكنك استخدام الحسابات التالية لتجربة المنصة: ### ولي أمر - **البريد**: `parent@newacademy.com` - **كلمة المرور**: `123456` ### طالب - **البريد**: `student@newacademy.com` - **كلمة المرور**: `123456` ### مدير - **البريد**: `admin@newacademy.com` - **كلمة المرور**: `123456` ## 📄 الصفحات المتاحة ### الموقع العام - `/ar` - الصفحة الرئيسية - `/ar/programs` - البرامج التعليمية - `/ar/programs/:id` - تفاصيل البرنامج - `/ar/pricing` - خطط الأسعار - `/ar/blog` - المدونة - `/ar/blog/:slug` - مقال المدونة - `/ar/competitions` - المسابقات - `/ar/about` - من نحن - `/ar/contact` - تواصل معنا - `/ar/free-trial` - احجز تجربة مجانية - `/ar/policies/privacy` - سياسة الخصوصية - `/ar/policies/terms` - الشروط والأحكام ### المصادقة - `/auth/login` - تسجيل الدخول - `/auth/register` - إنشاء حساب - `/auth/forgot` - استعادة كلمة المرور ### لوحة تحكم ولي الأمر - `/parent/dashboard` - لوحة التحكم - `/parent/children` - إدارة الأبناء - `/parent/bookings` - الحجوزات - `/parent/reports` - التقارير - `/parent/payments` - المدفوعات - `/parent/messages` - الرسائل - `/parent/settings` - الإعدادات ### لوحة تحكم الطالب - `/student/dashboard` - لوحة التحكم - `/student/classes` - الحصص - `/student/assignments` - الواجبات - `/student/projects` - المشاريع - `/student/badges` - الشارات - `/student/settings` - الإعدادات ### لوحة تحكم الإدارة - `/admin/dashboard` - لوحة التحكم - `/admin/users` - إدارة المستخدمين - `/admin/programs` - إدارة البرامج - `/admin/payments` - المدفوعات - `/admin/reports` - التقارير - `/admin/support` - الدعم ## 🛠️ التقنيات المستخدمة - **React 18** - مكتبة واجهة المستخدم - **TypeScript** - للكتابة الآمنة - **Vite** - أداة البناء السريعة - **React Router** - التوجيه - **Bootstrap 5** - إطار عمل CSS - **Bootstrap Icons** - الأيقونات - **SCSS** - معالج CSS - **LocalStorage** - تخزين البيانات محلياً ## 📦 الميزات ✅ نظام تصميم متسق ومتجاوب ✅ دعم RTL كامل للغة العربية ✅ واجهات مستخدم لجميع الأدوار (ولي أمر، طالب، مدير) ✅ محاكاة API باستخدام LocalStorage ✅ نظام مصادقة كامل ✅ صفحات عامة متكاملة ✅ لوحات تحكم تفاعلية ## 🎯 المهام المستقبلية - [ ] ربط API حقيقي - [ ] إضافة نظام إشعارات - [ ] تحسينات الأداء - [ ] اختبارات تلقائية - [ ] PWA support ## 📝 الترخيص هذا المشروع مخصص للاستخدام التعليمي والتجاري. --- **New-Academy** — بناء مبرمجي المستقبل من اليوم 🚀 # new-academy_FE