TaskBraid

Jan 2026 - Present
Luma21

Minimalist time tracking PWA for freelancers built with React 19, Zustand, and Vite, deployed to Cloudflare Workers edge network.

Architecture
Astro
Cloud
Cloudflare Workers
PWA
React
Tailwind CSS
Turborepo
TypeScript
Vite
Web Applications
Zustand

Project Details

  • Architected local-first data persistence strategy using localStorage with automatic migration paths, enabling zero-infrastructure iteration during POC phase while maintaining clear upgrade path to cloud storage
  • Implemented sophisticated time session management including automatic merging of adjacent sessions within configurable thresholds, overnight session clamping (2-hour max), and seamless day boundary transitions at 4am
  • Built client-side state management with Zustand featuring debounced persistence, real-time timeline updates via 1-second tick intervals, and computed selectors for timeline segment positioning
  • Deployed React 19 application and Astro 5 marketing site to Cloudflare Workers edge network, achieving global low-latency access with static asset serving
  • Designed visual timeline component with dynamic bounds calculation, color-coded task segments, and real-time current time indicator that adapts to session activity throughout the day
  • Established monorepo architecture using Turborepo and pnpm workspaces with shared Tailwind CSS v4 configuration, enabling consistent styling between the React app and Astro marketing site

Related Links