Chronicle Time & Pay Workspace
Chronicle turns everyday timekeeping into a dependable browser workflow: tasks save locally first, pay calculations remain inspectable, and completed records can move into a structured spreadsheet without a dedicated backend.
Problem and constraints
A useful time clock has to do more than run a timer. It must preserve entries through unreliable connections, keep historical task rates stable, allocate weekly overtime in the correct order, make payroll estimates understandable, and give people a practical way to export or synchronize their records without placing account credentials in the page.
Engineering approachArchitecture and implementation
The application is a dependency-free responsive single-page workspace built around a local-first state model. Each task stores its own rate and stable identifier; weekly calculations split regular and overtime hours chronologically; reports, CSV, and JSON exports are derived from the same records. An optional Google Apps Script bridge uses a spreadsheet-first merge across formatted Tasks, Projects, Summary, and Worker sheets: populated task cells and custom columns are preserved, missing task IDs are appended, and current task and worker information can be imported into a new setup.
Reliable capture
Clock-in, breaks, clock-out, task notes, edits, and reusable project/task choices persist in browser storage before any network request is attempted.
Transparent estimates
Mixed task rates, configurable overtime, 2026 U.S. tax-planning presets, paycheck projections, and report totals share one calculation path so the figures remain consistent across views.
Portable records
CSV statements, print-ready reports, JSON backup and restore, and pull-first Google Sheets synchronization keep worker profiles, exact break timestamps, optional event locations, and task records reviewable and transferable. An in-app 256-bit token generator keeps optional bridge credentials masked until the user explicitly reveals them.
Try the complete browser workspace.
The self-contained prototype is included in this site. It stores sample and personal data only in this browser unless Google Sheets sync is configured.