بناء لوحة تحكم وإدارة متكاملة لتطبيق دردشة يعتمد على Supabase وVercel وGitHub.

السلام عليكم

أحتاج بناء لوحة تحكم وإدارة متكاملة لتطبيق دردشة يعتمد على Supabase وVercel وGitHub.

تتضمن إدارة المستخدمين، البلاغات، الإشعارات، وصفحات المحتوى، مع واجهة React أو Next.js، وربطها بـ API يخدم تطبيقات iOS وAndroid.

تتضمن:

•إدارة المستخدمين (بحث، تعديل، حظر، مراقبة)

•إدارة البلاغات واتخاذ الإجراءات

•إرسال إشعارات فورية

•تعديل صفحات (حول، سياسة، شروط)

•لوحة إحصائيات عامة

•سجل النشاط والمشرفين

•حماية API وأدوار صلاحيات

•تكامل مع Supabase Auth وRealtime

إدارة المستخدمين:

•عرض جميع المستخدمين مع بياناتهم الأساسية (الاسم، البريد، الحالة، آخر ظهور، الدولة، عدد الرسائل، تاريخ التسجيل).

•إمكانية البحث عن مستخدم بالاسم، البريد، أو الـ ID.

•تنفيذ العمليات التالية:

•حذف الحساب

•تعديل بيانات المستخدم (اسم، صورة، حالة، صلاحيات)

•حظر المستخدم (مؤقت أو دائم)

•إلغاء الحظر

•مراقبة النشاط: عرض سجل آخر الرسائل، آخر تسجيل دخول، عدد البلاغات المقدمة عليه.

•فلترة المستخدمين حسب النشاط أو الحالة (نشط، محظور، جديد، مبلّغ عنه).

إدارة البلاغات (Reports):

•عرض قائمة البلاغات الواردة من التطبيق.

•لكل بلاغ:

•المبلّغ (User ID + الاسم)

•المبلّغ عليه

•سبب البلاغ (نص أو فئة)

•تاريخ الإرسال

•حالة البلاغ (قيد المراجعة / تمت المعالجة)

•إمكانية اتخاذ قرار من داخل اللوحة:

•حظر المستخدم

•حذف الحساب

•تنبيه المستخدم

•إغلاق البلاغ بدون إجراء

إدارة المحادثات والنظام العام:

•إمكانية استعراض المحادثات (اختياري – نصوص فقط دون وسائط).

•مراقبة النظام العشوائي (matching system) بين المستخدمين (مشابه لتطبيق Tinder).

•تحديد حدود الاستخدام (عدد المحادثات اليومية – الوقت المسموح – النظام العشوائي).

صفحات المعلومات داخل التطبيق:

قابلة للتحرير من لوحة التحكم:

•اتصل بنا (Contact Us)

•حول التطبيق (About)

•شروط الاستخدام (Terms of Use)

•سياسة الخصوصية (Privacy Policy)

يمكن تعديل النصوص مباشرة من داخل لوحة التحكم وتحديثها عبر الـ API.

️ اللوحة (Dashboard):

•تُبنى باستخدام أحد الإطارات الحديثة (Next.js / React + Tailwind).

•مراقب محتوى

•لوحة إحصائيات عامة:

•عدد المستخدمين

•عدد البلاغات

•المستخدمون الجدد اليوم

? الربط مع API:

•كل العمليات (إدارة المستخدمين، البلاغات، الإشعارات…) تكون عبر API آمن.

•تأمين الـ API بمفاتيح JWT أو API Keys.

•يمكن للمطورين الآخرين (iOS / Android) استخدام نفس الـ API مباشرة.

الإشعارات (Notifications):

•إرسال إشعارات فورية للمستخدمين:

•إشعار عام لكل المستخدمين.

•إشعار مخصص لمستخدم معين.

•دعم الإشعارات أثناء المحادثة (Realtime + Push).

•عرض سجل الإشعارات المرسلة في لوحة التحكم.

•ربط الإشعارات بـ Firebase Cloud Messaging (FCM) أو نظام Supabase Realtime.

. نظام المحادثة (Chat System):

•بناء نظام دردشة بين المستخدمين باستخدام Supabase Realtime.

•دعم الرسائل النصية والصور (Supabase Storage).

•إمكانية إنشاء محادثة عشوائية بين مستخدمين (Matching System) مشابه لتطبيق Tinder.

•خطوات النظام:

•المستخدم يطلب “بحث عشوائي”.

•النظام يختار مستخدمًا آخر متاحًا ويُنشئ جلسة (Chat Room).

•الطرفان يمكنهما قبول أو رفض المحادثة.

•حالة المحادثة: Pending – Accepted – Declined – Ended.

•حفظ كل المحادثات والرسائل في قاعدة البيانات مع تواريخها.

. نظام البلاغات داخل المحادثة:

•السماح للمستخدمين بالإبلاغ عن مستخدم أثناء المحادثة.

•البلاغ يحتوي على:

•المبلّغ والمبلّغ عليه.

•السبب والنص المرسل.

•رابط المحادثة أو الرسالة المبلّغ عنها.

•يتم إرسال البلاغ تلقائيًا إلى لوحة التحكم.

. نظام المصادقة (Auth System & API):

•بناء نظام مصادقة متكامل باستخدام Supabase Auth أو نظام مخصص عبر API.

•يشمل:

التسجيل (Register):

•الاسم الكامل

•البريد الإلكتروني

•كلمة المرور

•تاريخ الميلاد

•الدولة (اختياري – قائمة دول)

تسجيل الدخول (Login):

•البريد الإلكتروني + كلمة المرور.

•إعادة توليد رموز JWT عند الحاجة.

استعادة كلمة المرور (Forgot Password):

•إرسال رابط إعادة تعيين للبريد الإلكتروني.

تحديث كلمة المرور:

•عبر API آمن بعد تسجيل الدخول.

تحديث الملف الشخصي:

•تحديث الاسم، الصورة، الدولة، وتاريخ الميلاد.

حذف الحساب:

•عبر API أو من لوحة التحكم.

. المخرجات النهائية المطلوبة:

•لوحة تحكم ويب متكاملة (Next.js + Tailwind).

•API متكامل ومؤمن JWT.

•قاعدة بيانات Supabase مهيّأة (مع الجداول والسياسات).

•ملف توثيق Postman أو Swagger API.

•كود المشروع في GitHub.

•إعداد CI/CD للنشر التلقائي على Vercel.

•دليل استخدام (Documentation PDF / Markdown).

. متطلبات التسليم:

•تسليم المشروع على GitHub Repository خاص.

•كتابة تعليمات إعداد المشروع (Installation & Setup).

•ضمان توافق النظام مع تطبيقات iOS وAndroid عبر API.

ملاحظات عامة:

•الكود يجب أن يكون منظمًا، موثقًا، وسهل الصيانة.

•الالتزام باستخدام TypeScript إن أمكن.

•ضمان جودة الأداء والأمان قبل التسليم النهائي + بدون نشر