Back to Projects
Web Apps
Copra Dashboard
Premium Corporate Admin & E-commerce Operations Platform
JavaScriptSupabaseChart.jsSweetAlert2FlatpickrSortableJS
Vanilla JSSupabase BackendBilingual RTL
Overview
Copra Dashboard is a premium corporate admin system that centralizes e-commerce operations — sales, inventory, invoicing, and content — into one bilingual control center built entirely on vanilla JavaScript and Supabase.
Key Features
01Live overview: revenue, net profit, average order value, and visitor counts tracked against monthly targets
02Revenue-dynamics and sales-analytics charts alongside a top-selling products table
03Product, order, invoice, and coupon management from dedicated panels
04Content manager for pages, blog posts, and a media library
05Role-scoped user accounts with an activity and notifications log
06Full bilingual Arabic/English interface, including generated invoices
Built With
JavaScript
Supabase
Chart.js
SweetAlert2
Flatpickr
SortableJS
Architecture Preview
No-framework frontend
Built entirely in vanilla HTML/CSS/JS with no bundler — split into focused scripts (main.js, invoices.js, i18n.js, app-config.js).
Supabase backend
@supabase/supabase-js handles data and auth through a dedicated db-service.js and supabase-config.js layer.
Data visualization
Chart.js renders the revenue and sales-analytics panels directly from live Supabase queries.
UX utilities
SweetAlert2 for confirmations, Flatpickr for date filtering, and SortableJS for drag-orderable lists.
