Time Tracking — Workspace
Log time, manage projects and customers, and handle invoices
Gyoza projectDevelopment2024ReactViteTanStack QueryReact Date RangeZustandFormik
The Challenge
Users needed a workspace to log time, manage projects and customers, and generate or track invoices — with date ranges, lists and simple navigation.
My Role
I built the frontend: time entry forms, project and customer management, invoice views and history with date range selection.
Key Features
Time tracking and history with date range pickerProjects and customers managementInvoice management and generationi18n and responsive layout
The Outcome
Teams can track time and manage projects in one app
Aligned with the billing app for a full product suite
How It Works
- 1User logs time against projects and customers via time-entry forms.
- 2Projects and customers are managed from their own sections; they are linked to time and invoices.
- 3Invoice list and history are available; user can filter by date range to review or generate invoices.
- 4i18n and responsive layout support different locales and devices.
Gallery
01 / 02
Welcome screen — desktop