Key parts of this build

Three slices that show how the app works day‑to‑day and where the creativity lives.

KPI Overview Hub

Scan performance at a glance

The landing dashboard aggregates unit performance, charges, collections and outstanding balances so managers can spot trends in seconds.

• Card + chart layout for quick visual parsing
• Consistent Argon spacing for readable density
• Designed to drill into indicator detail without losing context

Muat Naik Data

Simple, reliable monthly uploads

A dedicated upload flow for periodic reports with status labels, timestamps and actions—keeping the back‑office rhythm smooth.

• Upload rows with Berjaya/Gagal state for instant feedback
• Clear CTA placement and forgiving spacing for fewer mistakes
• Built API‑ready: current JSON mocks swap to live endpoints later

Admin & Structure

Modular pages, ready to grow

Information architecture mirrors real operations—client KPIs, internal streams and admin controls—so adding modules stays painless.

• Bootstrap grid for responsive parity across devices
• Argon UI palette + components for a cohesive feel
• Separation of concerns keeps charts, tables and forms maintainable