Trackr

Trackr is a time tracking app made for freelancers and small teams who want a smarter, more visual way to log hours, manage projects, and send invoices. Whether you’re juggling multiple clients or just trying to stay accountable, this template makes it easy to keep things organized and professional.

Here’s the one-and-done prompt used to build this with Bolt:

Overview of the week: hours logged, project breakdown, and quick actions. Includes a bar chart of daily time and a pie chart for top projects.

Full list of entries with filters (project, date, client). View as a table or a calendar. Edit or delete logs easily.

Form to track time: start time, end time or duration, description, client/project tagging. Super easy to use.

Manage client profiles - name, contact info, and linked projects. Add, edit, delete as needed.

List of active and completed projects with details like hourly rate, client name, and status.

Generate invoices based on logged time. Show totals, breakdowns, and preview a downloadable PDF.

User info, hourly rate, timezone, and export options. Set it and forget it.

Font: Geist

Primary color: #3C82F6

Background: white with soft gray accents

UI elements: rounded corners (12px), soft shadows

Charts: bar + pie (Bolt’s data viz blocks)

Mobile layout: bottom tab nav

Desktop layout: fixed sidebar nav

Charts not rendering? Make sure your mock data is numeric and properly bound to the chart block.

Invoices not displaying totals? Check that each entry includes both hours and rate — missing data can break totals.

Nav looks weird on mobile? Use bottom nav blocks and ensure mobile breakpoints are respected in layout settings.