Time Tracker .

Time Tracker.

A personal web app built to solve a real problem — accurately logging overtime across long days on site and on the road, where tracking time properly often falls through the cracks.

Working onsite and travelling extensively made it difficult to keep on top of overtime hours in any meaningful way. Rather than accepting that, I built and hosted a time tracking app on my own personal domain. What started as a tool for myself quickly became something the wider team adopted, and is now used with direct input from one of the company directors to produce accurate monthly breakdowns that can be exported for payroll and records.

The app was branded with the company colours and logo to better fit the environment it's used in — keeping it feeling native rather than like a personal side project dropped into a work setting.

HTML / CSS JavaScript Self-hosted Responsive Design Claude AI

Time Tracker app screenshot
Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5 Screenshot 6

The Challenge

Spending large amounts of time on site and travelling made it almost impossible to accurately track overtime. Without a reliable way to log hours in the moment, time was being lost and there was no proper paper trail for payroll or records.

The Solution

A lightweight, self-hosted web app accessible from any device — allowing hours to be logged quickly wherever you are. Monthly breakdowns can be exported directly, giving the team and management a clean, reliable record without any additional overhead.

A wee bit Extra

This was entirely a personal project — designed and developed in my own spare time to scratch my own itch. There was no brief, no budget, and no deadline; just a problem that needed solving.

After sharing it with the team, it was adopted more widely and refined with input from one of the company directors to better fit how overtime is managed across the business. It now has company branding and produces the export format they need each month.

This project was built with the assistance of Claude AI — something I'm happy to be transparent about, and which I think reflects how modern development actually works.

No public link available.
As this app is actively used by the team and contains real staff data, it sits behind a password login and I'd prefer not to share access publicly. If you'd like to see a walkthrough, feel free to get in touch.