العودة لقائمة المشاريع
مبرمج Full-Stack لإكمال SaaS (FastAPI + React) بما يشمل Dashboard + Modules + Plans
الميزانية
$100.00 - $250.00
التصنيف
برمجة، تطوير المواقع والتطبيقات
المهارات المطلوبة
تطوير الويب الكامل
PostgreSQL
React
Front End
تصميم داش بورد
Git
Back End
SQLite
تصميم واجهة المستخدم
SaaS
FastAPI
تطوير الويب الكامل
PostgreSQL
React
Front End
تصميم داش بورد
Git
Back End
SQLite
تصميم واجهة المستخدم
SaaS
FastAPI
الوصف
السلام عليكم ورحمة الله وبركاته،
أعمل حالياً على تطوير منصة 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 (بدون نشره الآن)
جاهز للمزيد من أسئلتكم حول المشروع حتى يكون العمل واضحا وحاليا من المشاكل. كما انني منفتح على اقتراحاتكم للتحسين من المشروع
شكرا جزيلا