跳到正文
DEV Community· lakshay·· 4 小時前AI 評分29

我打造了 Chrono Matrix:具備 1% 複利軌跡的極簡習慣追蹤器

I Built Chrono Matrix: A Minimalist Habit Tracker with a 1% Compounding Trajectory

AI 導讀

文章作者打造並推出 Chrono Matrix,一款免費、離線優先的習慣追蹤網頁應用程式;每完成一次習慣,軌跡便上升 1%,錯過日子則以連續 30 天的 SVG 向量呈現指數衰減。連續兩天中斷習慣會啟動 Gemini AI 紀律議會,分配補救性懲罰;應用程式亦支援本機儲存及 JSON 匯出和還原。

正文

lakshay

Most productivity and habit apps today feel overwhelming—filled with noisy push notifications, gamified confetti, and expensive recurring subscriptions.

I wanted something different: a calm, luxury monochrome discipline matrix inspired by the Stoic philosophy of daily self-mastery and the James Clear 1% compounding rule.

So I built and launched Chrono Matrix—a completely free, offline-first web application.


What Makes It Different?

1. 📈 The 1% Compounding Trajectory Curve

Instead of just counting streaks, Chrono Matrix continuously calculates your momentum. Every completed ritual compounds your trajectory upward by +1%, while missed days model exponential decay over a continuous 30-day SVG vector.

2. ⚖️ The AI Disciplinary Tribunal (Gemini AI)

The biggest problem with habit trackers is giving up after missing a day. Chrono Matrix features a 2-day breach protocol: if you abandon a habit for two consecutive days, an AI Disciplinary Council activates to assign fair, restitutive penalties to restore momentum.

3. 🌙 Circadian Sleep & Midday Nap Logging

Discipline requires biological energy. Chrono Matrix tracks nocturnal sleep consistency, midday power naps, and integrates with Google Fit movement telemetry.

4. ✍️ One-Line Daily Reflection with Past History

Write a single definitive sentence about each day with instant mood labeling (▲ Ascending, ● Steady, ▼ Heavy). You can inspect any past date from the interactive ledger.

5. 🛡️ Air-Gapped & Offline-First (Zero Telemetry)

Your habits are personal. Chrono Matrix runs as an installable Progressive Web App (PWA) on desktop and mobile, persisting data locally with JSON export/restore.


Tech Stack

  • Frontend: React 19, TypeScript, Tailwind CSS v4, Vite
  • Animations: Custom magnetic fluid cursor, CSS micro-floats
  • AI Engine: Google Gemini API
  • Deployment: Vercel Global Edge Network

I would love to hear your feedback and suggestions! Try it out at https://chrono-matrix-nine.vercel.app.

來源:DEV Community · dev.to