---
title: "Zunoy HRMS Suite — case study by Srikanth V"
description: "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."
url: "https://iamsrikanth.com/projects/zunoy-hrms"
role: "Senior Frontend Engineer"
stack: "Next.js, MediaPipe, Google Maps, Leaflet, React Flow, Chart.js"
live: "https://zunoy.com"
updated: "2026-07-16"
---

# Zunoy HRMS Suite

> 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.

- Role: Senior Frontend Engineer
- Stack: Next.js, MediaPipe, Google Maps, Leaflet, React Flow, Chart.js
- Live site: https://zunoy.com
- Built by: Srikanth V (https://iamsrikanth.com/)

## 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.