How to vibe codeTime Doctor

Prerequisites

• Node.jsfree

  Required for running the web dashboard frontend and backend API build environment.

• GitHubfree

  Source control and CI/CD pipelines for deployment.

• Apple Developer Account$99/yr

  Required to sign and notarize native macOS background tracking daemons so they run without security blocks.

AI coding tools

• Claude Code

  Best-in-class terminal agent for scaffolding complex full-stack apps and debugging low-level Tauri/Rust code.

• Cursor

  Ideal AI code editor for iterative frontend dashboard development and chart components.

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the Next.js monorepo with Tailwind CSS, configure Neon Postgres with Drizzle ORM, and set up user authentication.

   Create a new Next.js project using App Router and TypeScript. Configure Tailwind CSS for styling. Set up Drizzle ORM connected to a Neon Postgres database. Define database schemas for users, organizations, projects, time_entries (storing user_id, project_id, start_time, end_time, duration, and idle_status), and periodic_screenshots (storing image url, timestamp, and activity score). Implement better-auth for email/password authentication with organization team management plugins.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Manager & Admin Web Dashboard

   Build the manager dashboard views to display time tracking analytics, activity breakdowns, and team reports.

   Build a responsive manager dashboard layout in Next.js with Shadcn UI components. Create pages for Team Overview, Attendance Logs, and Productivity Reports. Implement charts using Recharts to visualize active vs idle time across team members. Add filtering by date range, project, and department. Write server actions to fetch aggregated time logs securely with role-based permission checks ensuring only managers can view subordinate data.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Desktop Client Foundation (Tauri & Rust)

   Scaffold the cross-platform desktop application shell using Tauri with a Rust backend daemon.

   Initialize a Tauri v2 desktop application shell with a TypeScript frontend. Configure the Rust backend (`src-rs`) to establish background event listeners. Implement secure system tray integration and configure window permissions so the app runs silently in the background on macOS and Windows without stealing active user focus. Set up local SQLite caching for offline data storage when internet connectivity drops.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04OS Activity Hooks & Idle Detection

   Implement OS-level mouse, keyboard, and active window title monitoring within the Tauri desktop client.

   Write Rust native event hooks in the Tauri application to monitor keyboard and mouse activity counts. Implement an idle detection service that triggers when user input is absent for more than 180 seconds. Capture the active OS window title and application executable name every 60 seconds. Store these telemetry data points into the local SQLite cache with timestamps before batch-syncing them to the Next.js backend API over HTTPS.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Periodic Screenshot Capture & Secure Upload

   Add background screenshot capture capabilities with compression and secure storage upload.

   Implement a background service in the Tauri desktop client that takes a compressed screenshot of the primary display at randomized intervals (e.g., every 10 minutes). Blur or compress the image locally to preserve basic user privacy. Upload the encrypted image payload directly to Cloudflare R2 storage via presigned URLs generated by the Next.js backend, and record the screenshot metadata in the database.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Offline Sync Engine & AI Benchmarks Integration

   Build robust offline queue synchronization and integrate Anthropic API to simulate Benchmarks AI productivity insights.

   Build a robust background sync worker in the Tauri client that detects internet reconnection, reads un-synced telemetry batches from local SQLite, and pushes them sequentially to the backend API with idempotency keys. Create an AI Insights module in the web dashboard that queries the Anthropic API with aggregated team work patterns to generate automated productivity recommendations and peer performance comparisons.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Time Doctor