HRIS Admin Dashboard

Admin dashboard for the HRIS platform — manage employees, payroll, attendance, and analytics. Integrated with the same Supabase backend for real-time data.

ReactViteTypeScriptTailwind CSSSupabase

GitHub ↗Live Demo ↗

Overview

The HRIS Admin Dashboard is the back-office control panel for the HRIS SaaS platform. It gives HR administrators and managers a centralised view of the entire workforce — employees, payroll runs, attendance records, and analytics — all updated in real time via Supabase.

Separation of Concerns

The admin dashboard is intentionally shipped as a separate Vite/React app rather than a Next.js route. This keeps the admin bundle out of the employee-facing app and allows independent deploy cycles — critical when rolling out sensitive HR features without touching the public-facing app.

Technical Stack

Layer	Technology
Frontend	React 18, Vite, TypeScript
Styling	Tailwind CSS, CSS Modules
Backend	Supabase (shared with main HRIS app)
Deployment	Vercel (separate project)

Key Features

Real-time employee table with search, filter, and pagination
Payroll run management — configure, compute, and approve payslip batches
Attendance monitoring with daily/weekly/monthly views
Analytics cards: headcount, payroll totals, leave balances
Role-gated views: Super Admin vs HR Manager access levels

Current Status

Core employee management and payroll run screens are complete. Analytics module and leave approval workflows are in progress.

... /code-preview ...

SELECT A FILE

⌘

← Back

HRIS Admin Dashboard