time tracking app

The component visually summarizes a user's day by categorizing how time was spent across different tasks. It includes a horizontal time timeline segmented by activity, a pie chart showing productive versus idle time, and a category breakdown listing total time and percentage spent per task. The component helps users understand their daily focus and workload distribution at a glance.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds time tracking app to your project and fits it to your theme.

import * as React from "react"
import TimeTracker from "@/components/ui/time-tracking-app"

export const Demo = () => {
  return <TimeTracker />
}

export default Demo