Back to project

Time Tracking — Workspace

Log time, manage projects and customers, and handle invoices

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 picker
  • Projects and customers management
  • Invoice management and generation
  • i18n 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

  1. 01

    User logs time against projects and customers via time-entry forms.

  2. 02

    Projects and customers are managed from their own sections; they are linked to time and invoices.

  3. 03

    Invoice list and history are available; user can filter by date range to review or generate invoices.

  4. 04

    i18n and responsive layout support different locales and devices.

Stack

ReactViteTanStack QueryReact Date RangeZustandFormik

Gallery

Welcome screen — desktop
01 / 02

Welcome screen — desktop