Itqan Bold — SaaS Management Dashboard Next.js 16 (App Router) TypeScript MUI Zod + React Hook Form i18next + react-i18next

📌 نبذة عن المشروع

إتقان بولد هي لوحة إدارة متكاملة (Dashboard) لمنصات الخدمات السحابية (SaaS). توفر مجموعة كاملة من أدوات الإدارة الخلفية: إدارة المشتركين، الباقات والاشتراكات، الفوترة، تذاكر الدعم الفني، مدير الملفات، وإدارة المسؤولين والأدوار — كل ذلك بواجهة متعددة اللغات تدور العربية والإنجليزية وغيرها مع دعم كامل للـ RTL.

ما يميز بولد عن لوحات الإدارة التقليدية هو الهندسة المعمارية الاحترافية: نظام مصادقة قابل للتبديل بين 5 مزودين، مكتبة مكونات قابلة لإعادة الاستخدام، دعم التقديم من الخادم (SSR)، ونظام تصميم يتوسع عبر 5 لغات و 3 أنماط تنقل مختلفة.

👤 دوري في المشروع

Full-Stack Developer — مسؤول عن:

الهندسة المعمارية الكاملة للمشروع

تنفيذ جميع الواجهات والموديولز

نظام الصوتيات المتعدد (5 مزودين)

التدويل واللغات (i18n + RTL)

نظام الثيم الكامل (Dark/Light + تخصيص MUI)

مكتبة المكونات القابلة لإعادة الاستخدام

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

الطبقة التقنية

الإطار الرئيسي Next.js 16 (App Router)

اللغة TypeScript 5

مكتبة UI MUI v7 (Material UI)

التصميم Emotion styled + نظام ثيم مخصص

جلب البيانات SWR + Axios (مع دعم SSR)

التحقق من البيانات Zod + React Hook Form

المصادقة JWT / Amplify / Firebase / Auth0 / Supabase

التدويل i18next + react-i18next (5 لغات)

الرسوم البيانية ApexCharts (React-ApexCharts)

الشرائح المتحركة Embla Carousel

الحركات Framer Motion

رفع الملفات React Dropzone

الأيقونات Iconify (Solar icons)

التمرير SimpleBar

الفحص ESLint + Prettier + Perfectionist

📦 الموديولز

1. لوحة التحكم والتحليلات

لوحة تحكم متعددة الأقسام تحتوي على:

مؤشرات أداء رئيسية (KPI widgets)

رسوم بيانية للمنصات المثبتة والتحميلات

تتبع الفواتير وتوزيع الباقات (pie charts)

آخر النشاطات، ترتيب المؤلفين، خريطة الدول

كل رسم بياني تفاعلي مع فلترة حسب التاريخ

2. إدارة الباقات

إدارة كاملة لباقات الاشتراك (برونز/فضي/ذهبي) مع:

تسعير ديناميكي وحدود للمستخدمين والتخزين

تشغيل/إيقاف الميزات

واجهة عرض على شكل كاردات مع تمييز الباقة الأكثر طلباً

نماذج Zod للتحقق من صحة البيانات مع رسائل خطأ بالعربية

3. إدارة المشتركين

دليل كامل للمشتركين مع:

ملفات الشركات وتعيين الباقة

تتبع الحالة (نشط / محظور)

فلترة حسب تاريخ الانضمام

جدول بيانات مع بحث وترتيب وتقسيم صفحات

4. الاشتراكات والفوترة

سجل المعاملات المالية مع:

تفصيل طرق الدفع (بطاقة ائتمان / تحويل بنكي / نقدي)

حالات الدفع (مدفوع / معلق / فاشل)

سجل المعاملات لكل شركة

5. تذاكر الدعم الفني

نظام تذاكر دعم متكامل مع:

مستويات الأولوية (عالية / متوسطة / منخفضة)

حالات التذكرة (مفتوحة / قيد التنفيذ / معلقة)

رقم تعريف لكل تذكرة وربط بالشركة

نافذة مراجعة للرد على التذاكر

6. مدير الملفات

مدير ملفات يشبه التخزين السحابي مع:

إنشاء وحذف المجلدات والملفات

عرض شبكي / جدولي

رفع بالسحب والإفلات

معاينة الملفات ومشاركتها

سجل النشاطات وعرض استخدام التخزين

7. إدارة المسؤولين والأدوار (RBAC)

نظام صلاحيات متكامل مع:

إدارة المسؤولين وتعريف الأدوار المخصصة

صلاحيات دقيقة لكل مورد (كل موديول)

مجموعات صلاحيات مع وصف للتدقيق

Route Guards لحماية المسارات

8. التقارير

عرض مركزي للتقارير قابل للتوسع.