Dashboard admin e-commerce yang clean dan ringan untuk UMKM Indonesia. Dibangun dengan HTML/CSS/JS murni — tanpa jQuery, tanpa framework backend.
Page
- login.html Halaman masuk admin
- index.html Overview: stat cards, grafik, pesanan terbaru, produk terlaris
- orders.html Daftar pesanan dengan filter status dan pencarian
- order-detail.html Detail pesanan: produk, timeline, pelanggan, ringkasan pembayaran
- products.html CRUD produk dengan modal tambah / edit / hapus
- categories.html Manajemen kategori dalam card grid
- customers.html Daftar pelanggan dengan statistik dan detail
- reports.html Laporan analitik: 4 grafik + tabel produk terlaris
- settings.html Pengaturan toko, pembayaran, pengiriman, notifikasi, akun
Feature
Layout
- Sidebar fixed dengan navigasi aktif otomatis
- Topbar sticky dengan search dan notifikasi
- Sidebar collapse + backdrop untuk mobile
- Fully responsive (mobile-first)
Komponen
- Stat cards dengan indikator naik/turun
- Tabel data dengan checkbox, filter, dan pagination
- Modal sistem (tambah / edit / hapus / detail)
- Badge status berwarna (success, warning, danger, info)
- Progress bar untuk visualisasi stok dan penjualan
- Timeline pengiriman
Analitik
- Grafik pendapatan tahunan (Line Chart)
- Distribusi status pesanan (Doughnut Chart)
- Pesanan per hari (Bar Chart)
- Penjualan per kategori (Horizontal Bar)
- Sumber traffic (Pie Chart)
Teknis
- Bootstrap Icons 1.11.3 (CDN)
- Chart.js (CDN)
- Google Fonts — Inter
- Sidebar & topbar diinjeksi via assets/js/layout.js
- CSS Custom Properties untuk ganti warna/branding
- Vanilla JS — tanpa jQuery