MANTAF

MANTAF Frontend - Nhost Ready

Dashboard manajemen jabatan fungsional kesehatan Kabupaten Kutai Kartanegara.

Struktur Folder (Siap Push GitHub)

mantaf-frontend/
├── index.html              # Dashboard utama
├── pages/
│   ├── dashboard.html
│   ├── pendaftaran.html    # 149 data
│   ├── bezetting.html      # 1484 formasi
│   ├── hasil-ukom.html     # 145 hasil
│   ├── pengumuman.html     # 5 pengumuman
│   └── admin.html          # Panel admin
├── css/
│   └── style.css           # Tailwind + custom gradient cards
├── js/
│   ├── main.js             # Lightbox + UI
│   └── api.js              # Nhost GraphQL helper
├── assets/
│   └── images/             # Foto real Puskesmas, Bidan, Dokter, Lab
└── README.md

Fitur

• Sidebar navigasi
• Dashboard dengan 4 kartu gradient (blue, emerald, violet, amber) + lightbox
• Foto real/asli (Puskesmas, Bidan, Dokter, Lab)
• Semua kartu bisa lightbox dengan warna bervariasi
• Admin panel
• Integrasi Nhost GraphQL (ganti subdomain di Dashboard)

Cara Pakai

1. Push folder ini ke GitHub repository
2. Enable GitHub Pages atau deploy ke Nhost Hosting
3. Set subdomain Nhost di Dashboard > Set Subdomain
4. Pastikan Hasura tables sudah di-track

Nhost GraphQL Example

query {
  pendaftaran(where: {status_verifikasi: {_eq: "Disetujui"}}) {
    nik nama_tanpa_gelar jabfung_saat_ini
  }
}

Dibuat untuk

Dinas Kesehatan - Platform MANTAF v1.0