JoFolioContact
← All work

Site Logger

Attendance, with evidence.

Built · Public

Concept photograph of a demo Site Logger staff badge with a QR code
Concept illustration · Demo badge

The problem

Dedicated attendance machines add procurement, maintenance and deployment cost to active construction sites.

Paper registers are inexpensive but provide weak evidence, limited reporting and difficult audit trails.

Construction operations need a field-friendly process that works with equipment teams already have.

The system

A browser camera reads printable employee QR badges while fresh device GPS is captured for every attendance action.

The Timekeeper explicitly selects Check In or Check Out; the system opens or closes the employee's attendance session accordingly.

Immutable raw events preserve evidence while controlled corrections, exports and audit records support administration.

My contribution

Designed the low-cost operating model around printable badges, authenticated operators and standard PCs or tablets.

Implemented the PWA, browser scanning, mandatory GPS validation, role-scoped workflows and attendance ledger.

Designed revocable QR credentials, immutable scan events, auditable corrections and CSV/XLSX reporting.

Inside the system

The deployed product and its implementation were directly inspected and verified for this portfolio.

Badge

An opaque, revocable QR token identifies the employee without exposing personal data.

Timekeeper

An authenticated operator chooses the attendance action at an assigned site.

Evidence

The browser captures camera, time and GPS evidence before submission.

Ledger

Supabase stores the immutable event and opens or closes the session.

Field workflow

Camera scan, fresh GPS and an explicit attendance action in one guided console.

Evidence model

Immutable scan events with site, operator, time, coordinates and accuracy.

Operations

Bulk badges, site-scoped roles, corrections, audit trails and spreadsheet exports.

How it’s built

Product Designer · Software Engineer · Systems Architect

Application

Next.js, TypeScript, Progressive Web App

Evidence

ZXing browser scanning, Web Geolocation, Revocable QR tokens

Data and operations

Supabase Auth, PostgreSQL, Row Level Security, ExcelJS

Next projectProperty Visualizer