تطوير وربط قاعدة بيانات لمنصة داشبورد إدارية وتحويلها لموقع متكامل.

لدي نموذج أولي (Prototype) مبني باستخدام (HTML, JavaScript, Tailwind CSS, Chart.js). المطلوب هو تحويل هذا النموذج إلى تطبيق ويب متكامل يعمل بنظام Serverless Architecture لضمان كفاءة عالية وتكلفة تشغيل صفرية (Zero Hosting Cost).

الموقع مخصص لشركة ناشئة (حوالي 10 مستخدمين) لمراقبة الأداء في أربعة أقسام: (التسويق، المالية، الموارد البشرية، والتشغيل).

المتطلبات التقنية الإلزامية:

أريد بناء المشروع باستخدام الأدوات التالية لضمان الأمان والمجانية:

الاستضافة (Hosting): رفع المشروع على Netlify أو Vercel وربطه بمستودع GitHub خاص.

قاعدة البيانات (Database): استخدام Supabase (PostgreSQL) كخيار أساسي لإدارة البيانات السحابية.

نظام الدخول (Authentication): تفعيل Supabase Auth لتوفير دخول آمن ببريد إلكتروني وكلمة سر (مدير تنفيذي + موظفين).

الباك إند (Back-end): استخدام Netlify Functions أو Edge Functions للتعامل مع منطق العمليات (CRUD).

المهام المطلوبة من المطور:

هيكلة البيانات: تصميم جداول دقيقة في Supabase لكل قسم (Marketing, Finance, HR, Ops) مع علاقات تضمن عدم ضياع البيانات وتدعم الأرشفة التاريخية.

ربط الواجهات: ربط الأكواد الحالية بقاعدة البيانات بحيث يتم حفظ البيانات المستدخلة واسترجاعها فوراً في الرسوم البيانية والجداول.

تطوير لوحة المدير (CEO Dashboard): تفعيل ميزة رفع ملفات الـ JSON (التي كانت تُستخدم سابقاً) لتُخزن في قاعدة البيانات، مع تطوير لوحة المدير لتقرأ البيانات التاريخية وتقارن بين أداء الشهور والأسابيع تلقائياً.

الصيانة والرسوم البيانية: التأكد من استقرار عمل مكتبة Chart.js وتدمير الكائنات القديمة (Chart Destroy) لمنع تسرب الذاكرة أو تعطل الرسوم عند التبديل بين الأقسام.

نظام الصلاحيات: * الموظف: يستطيع إدخال بيانات قسمه فقط ورؤية تقاريره السابقة.

المدير التنفيذي: يملك صلاحية رؤية كافة الأقسام، التحليل الذكي، وتصدير التقارير الإجمالية.

الشروط الخاصة:

التكلفة التشغيلية: يجب أن يعمل النظام بالكامل ضمن الخطط المجانية (Free Tier) للمنصات المذكورة (Supabase & Netlify).

أمن البيانات: تفعيل سياسات أمان قاعدة البيانات (RLS - Row Level Security) لضمان عدم وصول أي مستخدم لبيانات غيره.

جودة الكود: كتابة كود منظم مع تعليقات توضيحية لسهولة الصيانة مستقبلاً.

المخرجات المتوقعة:

رابط مباشر للموقع يعمل بكفاءة.

تسليم الكود المصدري كاملاً عبر GitHub.

شرح بسيط (وثيقة أو فيديو قصير) لكيفية إضافة مستخدمين جدد أو إدارة قاعدة البيانات من لوحة Supabase.