العودة للمشاريع
Web Apps
Copra Dashboard
لوحة تحكم إدارية فاخرة لعمليات التجارة الإلكترونية
JavaScriptSupabaseChart.jsSweetAlert2FlatpickrSortableJS
Vanilla JSSupabase BackendBilingual RTL
نظرة عامة
كوبرا داشبورد نظام إدارة مؤسسي فاخر يوحّد عمليات التجارة الإلكترونية — المبيعات والمخزون والفواتير والمحتوى — في مركز تحكم واحد ثنائي اللغة، مبني بالكامل على جافا سكريبت النقي وSupabase.
أبرز المزايا
01نظرة عامة حية: الإيرادات وصافي الربح ومتوسط قيمة الطلب وعدد الزوار مقابل الأهداف الشهرية
02رسوم بيانية لديناميكية الإيرادات وتحليلات المبيعات بجانب جدول أفضل المنتجات مبيعاً
03إدارة المنتجات والطلبات والفواتير وأكواد الخصم من لوحات مخصصة
04مدير محتوى للصفحات والمدونة ومكتبة وسائط
05حسابات مستخدمين محددة الصلاحيات مع سجل نشاط وإشعارات
06واجهة ثنائية اللغة بالكامل، بما فيها الفواتير المولّدة
بُني باستخدام
JavaScript
Supabase
Chart.js
SweetAlert2
Flatpickr
SortableJS
لمحة عن البنية التقنية
واجهة بدون إطار عمل
مبنية بالكامل بـ HTML/CSS/JS دون أي حزمة بناء — مقسّمة إلى ملفات مركزة (main.js، invoices.js، i18n.js، app-config.js).
قاعدة بيانات Supabase
تتولى مكتبة @supabase/supabase-js البيانات والمصادقة عبر طبقة مخصصة من db-service.js وsupabase-config.js.
تصور البيانات
يعرض Chart.js لوحات الإيرادات وتحليلات المبيعات مباشرة من استعلامات Supabase الحية.
أدوات تجربة الاستخدام
SweetAlert2 للتأكيدات، وFlatpickr لتصفية التواريخ، وSortableJS للقوائم القابلة للترتيب بالسحب.
