Sina Bolouri

Project

AttentionTelemetry

A local-first attention dashboard that turns manual focus check-ins into explainable task-fit, recovery, and daily planning suggestions.

in_progressNext.js 16React 19TypeScriptTailwind CSS 4ZodReact Hook FormRechartslocalStorageSupabase/PostgreSQL schema foundationVitestPlaywright
GitHub

AttentionTelemetry

AttentionTelemetry is a local-first web application for understanding self-reported attention and planning realistic work blocks. It connects manual focus observations, session reflections, and recovery suggestions without requiring accounts, AI services, or passive monitoring.

Problem

Fixed productivity plans can overlook changing energy, cognitive load, interruptions, and available time. AttentionTelemetry helps users record those conditions and choose a manageable next step. Measured productivity improvements, adoption, and business outcomes: Unknown.

Solution

Validated inputs feed deterministic scoring and recommendation rules. The dashboard presents focus, load, distraction risk, recovery need, task fit, historical windows, and simple recurring patterns. Daily plans stay within the user's available minutes. Scores are planning heuristics, not medical assessments or objective measurements of cognitive ability.

User Experience

Users explore labeled sample data or explicitly replace it with a personal workspace. They rate attention, add task context and interruptions, inspect suggestions, log sessions, and reflect afterward. They can record distractions, complete or skip recovery suggestions and plan blocks, preview a report, and delete local data. Dark/light themes and responsive navigation are implemented.

Current Status

Status: in_progress. A working local milestone is implemented. Browser localStorage is the active persistence layer. Supabase database migrations and client helpers exist, but authentication and cloud saving are not connected. AI, billing, exports, integrations, and reminders are unavailable. A public deployment URL is TBD.

Tech Stack

  • Frontend: Next.js 16 App Router, React 19, TypeScript, Tailwind CSS 4, Radix UI primitives, lucide-react, and next-themes.
  • Forms and visualization: React Hook Form, Zod, Recharts, and date-fns; locally hosted Inter and IBM Plex Mono fonts.
  • Backend: Next.js Route Handlers for a stateless scoring preview and an unavailable AI endpoint.
  • Storage: localStorage in the working app; Supabase/PostgreSQL schema and RLS foundation for future account persistence.
  • Quality tools: Vitest, Playwright, axe-core, ESLint, and Prettier.
  • Hosting: Vercel is the documented target; verified public deployment is Unknown.