biometric ✓
Deployed & In Use
Case Study | 11

ZTK
Biometric
DTR System

A full daily time record system with biometric clock-in and clock-out for ZTK. Employees tap in with a fingerprint scanner, the system logs their exact time, computes hours rendered, flags lates and absences, manages leave requests, and exports payroll-ready DTR reports | all without a single paper logbook.

View Screenshots ↓
Client
ZTK
Internal deployment
Delivered
2025
Daily active use
Category
HR · Attendance
Web + Biometric
Key Feature
Biometric
Fingerprint clock-in/out
ztk / dtr / dashboard
🕐
Attendance Dashboard | Hero Screenshot
Drop the main dashboard screenshot here
+ Add Screenshot
The Problem

Paper logbooks, buddy punching, and zero accountability.

ZTK was running attendance on handwritten DTR sheets | employees signed in themselves, managers manually tallied hours at end-of-month, and late arrivals often went unrecorded. Buddy punching (one employee signing in for another) was a known issue with no way to catch it. Payroll computation was a multi-hour manual process every cutoff period.

What was needed was a system that tied attendance directly to a person's biometrics | no proxies, no manual tally, no paper to lose.

The Solution

Biometric clock-in, auto-computed hours, one-click reports.

  • 👆
    Biometric clock-in/out | fingerprint scanner linked to each employee profile eliminates proxy attendance entirely
  • ⏱️
    Auto hour computation | system calculates hours rendered, overtime, late minutes, and undertime on every punch
  • 📋
    Late & absent flagging | real-time alerts for tardiness and no-shows, visible to supervisors immediately
  • 📅
    Leave management | employees file leave requests in-app; approvals and balances tracked automatically
  • 📊
    Payroll-ready export | daily and monthly DTR reports export in PDF and CSV for direct payroll input
0
Proxy Punching Incidents
Auto.
Hours Computed | No Manual Tally
1×
Click to Export Payroll DTR
What's Inside

System modules.

👆

Biometric Integration

Fingerprint scanner syncs in real-time. Each tap is matched to an employee record and timestamped with location.

🕐

Daily Time Log

Full chronological log of every clock-in and clock-out. Late, undertime, and overtime computed per entry.

📅

Leave Management

Employees file leave requests with reason and date range. Supervisors approve or reject. Leave balance auto-updated.

📊

Reports & Export

Monthly DTR summary per employee. Export as PDF (for filing) or CSV (for payroll system). With official DTR format.

Platform Screens

Every screen,
built for speed.

From the supervisor's attendance overview to the employee's personal DTR log | every view is designed to give the right information to the right person instantly.

ztk / dtr / dashboard
🕐
Attendance Dashboard
Screenshot coming soon
+ Add Screenshot
Screen 01 / Dashboard

Attendance Dashboard

The supervisor's command center | today's headcount at a glance, who's in, who's late, who's absent, and a live feed of recent clock events. Color-coded status indicators make the floor situation readable in seconds.

Live View Supervisor
ztk / dtr / clock-in
👆
Biometric Scanner
Screenshot coming soon
+ Add Screenshot
Screen 02 / Clock-In

Biometric Clock-In

The kiosk-facing screen. Employee places finger on scanner | system matches biometric, confirms identity, logs the timestamp, and displays a success/failure message in under a second.

Fingerprint Kiosk Mode
ztk / dtr / log
📋
Daily Time Log
Screenshot coming soon
+ Add Screenshot
Screen 03 / Log

Daily Time Log

Full per-employee table of clock-in/out times for the day. Hours rendered, late minutes, and undertime are computed automatically. Supervisors can manually adjust with an audit trail.

Auto-Computed
ztk / dtr / employees
👥
Employee Directory
Screenshot coming soon
+ Add Screenshot
Screen 04 / Employees

Employee Directory

List of all enrolled employees with biometric status, department, shift schedule, and current leave balance. Admin can enroll new biometrics or reassign shifts from this panel.

Enrollment
ztk / dtr / leaves
📅
Leave Management
Screenshot coming soon
+ Add Screenshot
Screen 05 / Leaves

Leave Management

Employees file SL, VL, or emergency leave requests. Supervisors approve or deny with remarks. Leave balance and calendar view update in real time upon approval.

SL / VL / Emergency
ztk / dtr / summary
📈
Monthly Summary
Screenshot coming soon
+ Add Screenshot
Screen 06 / Summary

Monthly Summary

Per-employee monthly breakdown | total days present, absences, lates, total hours rendered, and overtime. Used by HR to validate payroll and spot attendance patterns.

HR View
ztk / dtr / reports
📊
DTR Reports & Export
Screenshot coming soon
+ Add Screenshot
Screen 07 / Reports

DTR Export & Reports

Generate official DTR reports per employee per period in one click. Exports as PDF (Civil Service Commission format for government compliance) or CSV for direct import into payroll software. Batch export for all employees at once.

PDF Export CSV / Payroll Batch Export
Under the Hood

How it's built.

⚛️

React + Vite

Fast, responsive frontend with real-time clock updates, live attendance feed, and smooth kiosk-mode UI for biometric stations.

🟢

Node.js + Express

RESTful API handling biometric events, punch processing, leave approvals, and report generation with sub-second response times.

🐘

PostgreSQL

Relational data model for employees, attendance logs, leave records, and audit trails. Indexed for fast cutoff-period report queries.

❤️

Built with Love

Every edge case handled: overnight shifts, split breaks, holiday pay flags, retroactive adjustments, and multi-supervisor approval chains.

Crenz Chickensales View All Work