Ada. Untuk project kamu yang sekarang Vite + React + Tailwind, rekomendasi paling masuk akal:
satnaing/shadcn-admin Repo: https://github.com/satnaing/shadcn-admin
Paling cocok. Ini admin dashboard pakai Vite + React + shadcn/ui + Tailwind, ada sidebar, halaman dashboard, tabel, search, dark mode, responsive. Cocok jadi acuan UI aplikasi laundry.
Tailwind Admin Repo: https://github.com/Tailwind-Admin/free-tailwind-admin-dashboard-template
Ini multi-framework: React, Next.js, Angular, Vue, TanStack. Bagus kalau mau ambil pola layout admin umum: card, tabel, chart, form.
shadcn/ui Docs: https://ui.shadcn.com/docs
Ini bukan template penuh, tapi komponen UI siap pakai: button, dialog, table, sidebar, form, tabs. Bagus kalau mau UI konsisten tanpa desain dari nol.
Next shadcn dashboard starter Repo: https://github.com/Kiranism/next-shadcn-dashboard-starter
Bagus, tapi ini untuk Next.js. Kalau project kamu tetap Vite, jadikan referensi visual saja.
Kalau mau workflow yang paling praktis untuk kamu:
Kalau kamu bilang “ya”, saya bisa bantu bedah project laundry kamu sekarang dan bikin arah redesign: layout admin, warna, struktur sidebar, dan prioritas halaman mana yang dipoles dulu.
Buat aplikasi admin laundry dari awal di folder baru `laundry-admin`.
Gunakan stack:
- Vite + React + TypeScript
- Tailwind CSS
- shadcn/ui style components
- React Router
- Lucide icons
- Supabase untuk database/auth nanti, tapi tahap awal boleh pakai mock data dulu
Referensi UI:
<https://github.com/satnaing/shadcn-admin>
Gunakan referensi itu untuk gaya visual:
- sidebar admin
- topbar
- cards statistik
- tabel data
- badge status
- modal/dialog form
- layout responsive
- dark/light mode kalau tidak terlalu berat
Jangan buat landing page. Layar pertama adalah dashboard admin laundry.
Fitur aplikasi:
1. Login admin
2. Dashboard:
- order hari ini
- order proses
- order selesai
- pendapatan hari ini
3. Transaksi laundry:
- tambah transaksi
- pilih pelanggan/santri
- pilih layanan
- input berat/kg
- hitung total otomatis
- status: Baru, Proses, Selesai, Diambil, Batal
4. Pelanggan/santri:
- tambah, edit, hapus
5. Layanan:
- nama layanan
- harga per kg / satuan
6. Pembayaran:
- status lunas/belum lunas
- metode bayar
7. Laporan:
- filter tanggal
- total pendapatan
- daftar transaksi
Kerjakan bertahap:
1. Buat struktur project.
2. Buat layout admin utama.
3. Buat halaman dashboard.
4. Buat halaman transaksi dengan mock data.
5. Buat form tambah transaksi.
6. Jalankan build dan perbaiki error.