toolbeginner2-3 hours

Time Tracker

Track billable hours by project and client, generate timesheets, and export invoice-ready reports — powered by Commander Tables and Tasks

What You'll Build

A time tracking app with running timer, weekly timesheets, and invoice-ready reports. Replaces Toggl and Harvest.

Sections Included (5)

Running Timer

Persistent timer bar — start, stop, resume with project selection

Weekly Timesheet

Grid view — projects as rows, days as columns, quick entry in cells

Projects & Clients

Manage clients, projects, hourly rates, and hour budgets

Reports & Export

Time reports by client/project, billable breakdown, CSV export

Dashboard

Today's hours, weekly total, billable percentage, top projects

Design

Colours: Focused — indigo (#4F46E5) primary, green for billable, grey for non-billable
Typography: Geist sans-serif, large monospace timer display, tabular figures
Mood: Productive, focused, time-conscious

Details

Category: tool
Difficulty: beginner
Time: 2-3 hours
Framework: react
Commander Tools: Tables, Tasks, Contacts, Metrics

Related Blueprints