Back
Client Work

Construction Attendance System

An internal attendance and timesheet system for a construction company — tracking who's on each site, clock-in times, and weekly hours for payroll.

Next.jsTypeScriptTailwind CSSReact
Construction Attendance System cover

Private project — no live demo

Built as internal software for a construction company. The app sits behind employee authentication and handles real workforce data, so there's no public demo — the screenshots below walk through the experience instead.

Overview

A construction company needed a reliable way to know who was on each site, when they arrived, and how many hours to pay them at the end of the week. I built an internal attendance and timesheet system to replace the paper sign-in sheets and the spreadsheet shuffle that came after them.

It's everyday operational software — used by site supervisors and the office, not the public — so it lives behind employee authentication.

The Problem

On a busy site, attendance was tracked on a clipboard at the gate. By payroll day that meant chasing supervisors for legible sheets, re-typing hours into spreadsheets, and reconciling mismatches by hand. It was slow, error-prone, and impossible to answer simple questions like "who is on Site A right now?"

The brief was practical: capture attendance at the gate, and have accurate hours ready for payroll without anyone re-keying anything.

On-Site Clock-In

Workers check in at the gate against their ID. The screen is deliberately simple — a large clock, the worker's name and trade, and one clear action — so it works for a crew that isn't sitting at a desk.

The gate clock-in screen — built to be used quickly by a crew, not at a desk
The gate clock-in screen — built to be used quickly by a crew, not at a desk

Each check-in is stamped to a site and a time, which is everything the rest of the system is built on.

The Supervisor Dashboard

Supervisors get a live view of their site: who's on-site now, who's absent, and the full crew with clock-in times and status at a glance. Switching between sites is a single control, so anyone in the office can answer "who's where" instantly.

Timesheets & Payroll

Clock-in data rolls up into a weekly timesheet per site — hours per worker, per day, with crew totals — and exports cleanly for payroll. The re-keying step is simply gone.

Weekly timesheet rolled up from clock-in data, ready to export for payroll
Weekly timesheet rolled up from clock-in data, ready to export for payroll

Privacy & Access

This is internal software handling real workforce data, so there's no public link to share — access requires an authenticated employee account. The screenshots above stand in for a live demo and walk through the core flows end to end. I'm happy to give a guided walkthrough on request.

The Stack

Built with Next.js and TypeScript on the App Router, styled with Tailwind CSS. The focus throughout was reliability and clarity over flash — software that holds up to daily use at the gate and in the office, with an interface simple enough that nobody needs training to use it.

More projects