Sparkling Admin Dashboard Manajemen

Admin panel dan frontdesk system untuk Sparkling Swimming Academy. Mengelola pendaftaran siswa, jadwal kelas renang, booking, subscription, pembayaran, penilaian perkembangan anak (IMO Checkpoint), dan monitoring perangkat kiosk — dengan role-based access terpisah untuk admin dan frontdesk.

Next.js 16 (App Router)TypeScript 5Tailwind CSS 3Radix UI PrimitivesTanStack React QueryReact Hook FormZod (Schema Validation)AxiosFramer MotionRechartsLucide ReactDate-fns@dnd-kit (Drag and Drop)React Easy CropReact Table LibraryMidtrans
GitHub

Source Code

Sparkling Admin Dashboard Manajemen

Pendahuluan

Platform ini adalah pusat operasional Sparkling. Memiliki dua pintu masuk utama: Admin Dashboard untuk manajemen data master, laporan, dan monitoring sistem; serta Frontdesk untuk operasional harian resepsionis — check-in siswa, booking kelas, melihat pengingat subscription, dan informasi penalti. Alur bisnis inti: Parent mendaftarkan anak → Anak di-assign ke level (Twinkle/Glow/Shine based on age) → Parent membeli subscription → Anak dijadwalkan ke kelas → Booking dikonfirmasi → Kehadiran dicatat → Perkembangan anak di-assessment via IMO Checkpoint. Pembayaran subscription menangani integrasi Midtrans. Sistem juga memonitor perangkat kiosk di lapangan secara real-time.

Fitur

Autentikasi Role-Based

Login JWT untuk admin, frontdesk, developer dengan routing dan proteksi berbeda

Dashboard Analitik

Statistik real-time (total parent, children, subscription, class), grafik pertumbuhan, popularitas kelas, okupansi

Frontdesk Operasional

Overview harian, daftar kelas hari ini, booking walk-in, check-in kehadiran, pengingat subscription, penalti

Laporan

Enrollment report, revenue analysis, popular classes, export data

Penalty Management

Pelacakan pelanggaran/absensi anak dengan sistem penalti

How to Start this project