我打造了 Chrono Matrix:具備 1% 複利軌跡的極簡習慣追蹤器
I Built Chrono Matrix: A Minimalist Habit Tracker with a 1% Compounding Trajectory
文章作者打造並推出 Chrono Matrix,一款免費、離線優先的習慣追蹤網頁應用程式;每完成一次習慣,軌跡便上升 1%,錯過日子則以連續 30 天的 SVG 向量呈現指數衰減。連續兩天中斷習慣會啟動 Gemini AI 紀律議會,分配補救性懲罰;應用程式亦支援本機儲存及 JSON 匯出和還原。
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