HR / Kepegawaian

Mengelola karyawan dengan spreadsheet yang berceceran itu melelahkan dan rawan salah. Data karyawan tersebar di banyak file, rekap kehadiran harus dihitung manual tiap akhir bulan, dan pengajuan cuti numpuk di chat tanpa jejak persetujuan yang jelas. HR adalah template dashboard kepegawaian gratis yang merapikan semuanya: direktori karyawan yang terpusat, ringkasan kehadiran harian, alur approval cuti yang terdokumentasi, dan rekap payroll per periode. Template ini cocok untuk HRD UMKM yang ingin naik kelas dari spreadsheet, developer yang membangun sistem HRIS untuk klien, atau siapa pun yang belajar membuat dashboard admin dengan Laravel dan React. Semua label dan data contoh berbahasa Indonesia, jadi langsung terasa familiar. Tampilannya responsif, sehingga manajer bisa menyetujui cuti langsung dari HP tanpa harus buka laptop.

Fitur utama yang sudah tersedia: - Ringkasan kehadiran: siapa hadir, terlambat, izin, dan alpa hari ini dalam satu tampilan. - Alur approval cuti: daftar pengajuan dengan tombol setujui dan tolak yang terdokumentasi. - Direktori karyawan lengkap dengan foto, jabatan, departemen, dan status kepegawaian. - Chart kehadiran untuk melihat tren kehadiran tim dari minggu ke minggu. - Komponen tabel, kartu profil, dan badge status bergaya shadcn yang konsisten.

Dibangun dengan Laravel 13 sebagai backend, Inertia.js v3 sebagai penghubung, React 18 untuk antarmuka, dan Tailwind CSS v4 untuk styling. Komponen UI-nya mengikuti gaya shadcn: konsisten, mudah dibaca, dan gampang dikustomisasi. Tambah field baru di profil karyawan, ubah jenis cuti, atau sesuaikan alur approval tanpa merombak struktur kode. Struktur folder mengikuti konvensi Laravel standar sehingga mudah disambung ke database karyawan yang sebenarnya.

Halaman yang termasuk dalam template: - Dashboard: ringkasan kehadiran hari ini, pengajuan cuti menunggu persetujuan, dan statistik karyawan. - Karyawan: direktori seluruh karyawan dengan pencarian, filter departemen, dan halaman profil. - Absensi: rekap kehadiran harian lengkap dengan status hadir, terlambat, izin, dan alpa. - Cuti: daftar pengajuan cuti beserta sisa jatah cuti tiap karyawan dan riwayat persetujuan. - Payroll: rekap penggajian per periode dengan rincian komponen gaji. - Laporan: rekap kepegawaian per periode yang siap diunduh untuk arsip.

Cara memakai: download file ZIP dari halaman ini, ekstrak ke folder proyekmu, lalu jalankan composer install untuk dependensi PHP dan npm install untuk dependensi JavaScript. Build aset front-end dengan npm run build, atur koneksi database di file .env, jalankan php artisan migrate, lalu php artisan serve. Dashboard langsung terbuka dengan data contoh. Untuk sistem HRD sungguhan, ganti data contoh dengan tabel karyawan, absensi, dan cuti di database, lalu sambungkan ke mesin absensi atau API yang kamu pakai.

Catatan update: v1.0.0 (8 Oktober 2026), rilis awal di galeri TemplatKu dengan 6 halaman dashboard kepegawaian dan data contoh berbahasa Indonesia. Pembaruan berikutnya akan dicatat di sini beserta tanggal rilisnya.