WorkforceHub Biometrics Maintenance

Full-stack admin UI for managing fingerprint and face biometric templates
Project overview

WorkforceHub Biometrics Maintenance is an administrative page in Swipeclock's WorkforceHub product where company admins and providers view and manage biometric templates - fingerprints, face scans, and legacy fingerprint records from older biometric clocks.

Like the other modernized admin pages, this replaced a legacy pop-out with an in-product UI that matches WorkforceHub standards. The old page was a major pain point: it had no search, poor organization, made it hard to see what types of enrollments people had, and forced admins to delete templates one by one - slow and tedious when cleaning up large sets. The new version is a huge UX improvement: clear tabs by template type, fast search, and bulk delete.

What also made this build unique was a focus on performance: server-side pagination and search, SQL optimization, and client-side caching with RTK Query so the table stays fast even with large template sets.

Product capabilities described here are public-facing. Implementation details stay high-level to respect employer confidentiality and proprietary information.
Placeholder screenshot of Biometrics Maintenance fingerprints tab

Screenshot placeholder

My role

I built the whole stack for this feature: the React frontend (including RTK Query caching for table records) and the C# / .NET Framework API backend. I also invested heavily in SQL optimization so pagination and search run on the server instead of loading everything client-side - a shift from how we often built UIs, and the reason this page stays highly performant.

React C# / .NET Framework SQL optimization RTK Query
What this project delivered

High-level outcomes of the full-stack work - framed around product value, not internal design docs.

Major UX upgrade

Replaced a hard-to-use legacy pop-out - no search, messy organization, unclear enrollment types, and one-by-one deletes - with a modern, efficient in-product page.

Server-side pagination & search

Moved paging and search to the API so the UI only loads the records it needs - instead of shipping large datasets to the browser.

SQL performance work

Optimized queries so list, filter, and search operations stay fast as biometric template volume grows.

RTK Query caching

Cached table records with RTK Query to cut repeat API calls as users page, search, and switch tabs.

Multi-template management

Supports face templates, fingerprint templates, and legacy fingerprints from older biometric clocks.

Bulk delete

Admins can select and remove many templates at once - instead of the old tedious one-at-a-time flow.

Product features at a glance

  • Fingerprints - view and manage fingerprint biometric templates
  • Face templates - view and manage face scan templates
  • Legacy fingerprints - templates from older clocks (Punch+, Z33/34, and similar)
  • Search & sort - find templates across sortable columns
  • Single & bulk delete - remove one template or a selected set
  • Unenrolled / unlinked views - tabs for employees without templates and unlinked legacy records

Screenshot Placeholders

Resources

Check out the official documentation for viewing and deleting biometric templates in WorkforceHub.