Back to projects

Zunoy HRMS Suite

Senior Frontend Engineer

Next.jsMediaPipeGoogle MapsLeafletReact FlowChart.js
Visit live site

Overview

Built Zunoy's internal HRMS — five linked portals (employee, employer admin, recruiter, onboarding, public careers) covering attendance, org structure, recruiting, and hiring, sharing a common design system.

Deep dive

Employee portal

Attendance, leave, and calendar views, with facial-recognition check-in (MediaPipe Face Mesh) alongside org-chart visualization and PDF export for documents/payslips.

Onboarding

New-hire workflows combining Google Maps (with marker clustering) and Leaflet-based routing for location-based onboarding steps, plus a flow-diagram builder (React Flow) for designing onboarding sequences and D3-based org/hierarchy trees.

Recruiter

Candidate pipeline management with drag-and-drop stages, applicant document handling (PDF/doc viewers), and the same mapping/scheduling stack as onboarding.

Employer admin

The admin console tying the suite together — org-structure visualization, employee management, and reporting dashboards (Chart.js).

Public careers

A public job-listings page with infinite scroll, a multi-step application flow, and sanitized rich-text job descriptions.

Outcome

A full internal HR platform — from job posting through onboarding to day-to-day attendance — built on a shared Next.js stack and Zunoy's internal design system.