Kembali ke Portofolio


HRIS / SaaS11 November 2025
PSH — Web Absensi & HRIS
Sistem absensi & HRIS modular untuk perusahaan multi-cabang: presensi realtime, jadwal kerja, cuti & lembur, payroll/payslip, pengelolaan cabang & jabatan, serta dashboard monitoring yang konsisten dan ringan.
Technology Stack
Next.jsReactTypeScriptGraphQL (Mercurius)FastifyNest.jsApollo ClientTailwind CSSshadcn/ui
Galeri Project



Detail Project
PSH — Web Absensi & HRIS
PSH adalah platform absensi & HRIS yang dirancang untuk skala UKM hingga enterprise. Fokusnya pada akurasi data kehadiran, otomasi proses HR, dan pengalaman pengguna yang konsisten.
Fitur Kunci
- Presensi Realtime: monitoring kehadiran harian & status (Tepat Waktu, Terlambat, Izin).
- Jadwal Kerja: aturan shift & penugasan per cabang/posisi.
- Cuti & Lembur: alur pengajuan, persetujuan, dan perhitungan otomatis.
- Payroll & Payslip: formula gaji (termasuk komponen BPJS) dan distribusi slip gaji.
- Manajemen Organisasi: cabang, jabatan/posisi, dan struktur tim.
- Dashboard & Laporan: monitoring harian, ringkasan performa, ekspor data.
Peran & Implementasi
- Frontend: Next.js + React + TypeScript, UI Tailwind + shadcn/ui (komponen ringan & konsisten).
- Data Layer: GraphQL (Yoga v5) + Apollo Client dengan custom hooks (mis.
useBranches,useAbsencesTodayRealtime,useUserProfile). - UX: loader halus (dot/skeleton), toast notifikasi, aksesibilitas dasar, dan preview perubahan secara realtime sebelum disimpan.
- Standar UI: token warna & tipografi konsisten, semua elemen klik diberi cursor-pointer.
Hasil
- Alur HR menjadi lebih singkat dan terukur.
- Data kehadiran dan penggajian tersentral, mudah diaudit.
- Antarmuka cepat, stabil, dan mudah dipelajari tim operasional.
Tertarik dengan Project Serupa?
Mari wujudkan website impian Anda bersama tim profesional kami
Hubungi Kami Sekarang