مبرمج Full-Stack لإكمال SaaS (FastAPI + React) بما يشمل Dashboard + Modules + Plans

السلام عليكم ورحمة الله وبركاته،

أعمل حالياً على تطوير منصة SaaS باللغة الفرنسية وقد قطعتُ شوطاً كبيراً في البرمجة.

المشروع مبني على :

- FastAPI + SQLAlchemy (Backend)

- ReactJS (Frontend)

- SQLite (أريد تحويله مستقبلا إلى PostgreSQL)

أعتذر مسبقا عن التفصيل، لكن من الأفضل توضيح الأمور من البداية = إذ أنا حاليا بحاجة إلى مبرمج يقوم بـ إصلاح المنصة وتنظيمها وإكمال لوحة التحكم ودمج الخطط (Plans) والوحدات (Modules) بحيث يستطيع النظام عمل ما يلي :

يختار العميل خطة اشتراك

يسجل المستخدم

يفعل حسابه عبر البريد

يتمكن من إتمام الدفع اليدوي / الأوتوماتيكي

ينتقل آلياً إلى لوحة التحكم الخاصة به

يرى الوحدات (Modules) المحددة حسب خطته فقط

يستطيع فتح الصفحات الخاصة بوحداته (حتى لو كانت فارغة الآن)

يمنع من فتح وحدات غير موجودة في خطته

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

* المهام المطلوبة في الـ Backend (FastAPI)

- توحيد نماذج SQLAlchemy وإزالة التكرار

هناك عدة ملفات Models يجب دمجها في نموذج موحّد.

- إصلاح تدفق المستخدم الكامل

Register → PendingUser

Email Activation

Manual Payment Upload

Admin Approval

تحويله إلى User فعّال

Login → Dashboard

ربط المستخدم بالخطة المختارة (Plan)

- أريد بنية جاهزة لإدارة الخطط:

مثلاً :

الخطة حجم الصلاحيات

Starterوحدتان فقط

Pro5 وحدات

Premiumكل الوحدات

لا يشترط تنفيذ محتوى الوحدات، يكفي تفعيل المسارات فقط.

* نظام حماية المسارات حسب الخطة

Backend يجب أن يمنع أي مستخدم من الوصول إلى Module غير موجود في خطته.

مثال:

إذا كان لدى المستخدم Starter فيجب أن يمنعه الـ Backend من فتح /module-ecg لأنه ليس ضمن خطته.

- إصلاح الدفع اليدوي

معالجة رفع الملف

تسجيله في قاعدة البيانات

ظهور الطلب في صفحة المدير

تغيير حالته إلى: مقبول / مرفوض / قيد الانتظار

- تفعيل وتجهيز الدفع الإلكتروني = paypal - lemon squezzy

- بناء لوحة تحكم مدير (Admin Panel API)

عرض جميع المستخدمين

عرض جميع المدفوعات

تفعيل / تعطيل / حذف المستخدم

تغيير الخطة يدوياً (إن لزم)

* المهام المطلوبة في الـ Frontend (React)

- لوحة تحكم للمستخدم (Dashboard)

أحتاج إلى Dashboard جاهزة الهيكل، بشكل احترافي، تحتوي على:

أمثلة للصفحات (فارغة الآن لكن يجب تفعيلها):

/dashboard

/dashboard/profile

/dashboard/plan

/dashboard/payments

/dashboard/modules/module1

/dashboard/modules/module2

/dashboard/modules/module3

...

المطلوب :

- تفعيل جميع المسارات

- تفعيل القائمة الجانبية (Sidebar)

- إظهار الوحدات حسب الخطة

- إخفاء الوحدات غير المتاحة

- حماية صفحات الوحدات من URL يدوي

- صفحة “الوحدة غير متاحة في خطتك” إن حاول المستخدم الدخول لرابط غير مسموح

- توزيع الوحدات (Modules) حسب الخطة

أحتاج إلى نظام جاهز يربط:

الخطة = Plan

قائمة الوحدات = Modules

الصلاحيات = AccessControl

بدون أي محتوى حقيقي داخل الـ Modules.

فقط الروابط - المسارات - الحماية - التفعيل.

- صفحة المدير (Admin Dashboard)

المطلوب:

صفحة الدخول للمدير

صفحة عرض المدفوعات (مع زر قبول / رفض)

صفحة عرض المستخدمين وخططهم

إمكانية تغيير حالة المستخدم أو خطته

- تحسينات

إعادة هيكلة الملفات والمجلدات (Refactoring)

تحسين تجربة المستخدم (رسائل خطأ / نجاح / تحميل)

أمن وحماية (Protected Routes + Token Handling)

إعداد ملف .env.example

إعداد المشروع ليكون قابل للنشر لاحقاً مع شرح لطريقة رفعه على سيرفر vps (بدون نشره الآن)

جاهز للمزيد من أسئلتكم حول المشروع حتى يكون العمل واضحا وحاليا من المشاكل. كما انني منفتح على اقتراحاتكم للتحسين من المشروع

شكرا جزيلا