踏實感行動
•進行中
App前端
- 角色
- 自己做
- 問題
- 一般的習慣 App 只記「有沒有做到」。我想同時記下做的時候心情怎麼樣,讓養成習慣這件事更有意義。
- 技術
- React、TypeScript、Vite、Zustand、shadcn/ui、Recharts、Capacitor、Google Analytics 4
做了什麼
- 習慣追蹤: 建立習慣、設定目標和完成指標,追蹤連續打卡天數和完成率。
- 情緒紀錄: 情緒評分滑桿、情緒標籤、心得與圖片。紀錄可以依標籤篩選,也能看情緒變化的趨勢。
- 當日小結: 打卡完可以產生當天的小結,複製到剪貼簿,或匯出成透明背景的 PNG 分享。
- 提醒: 自訂提醒時間和頻率,支援桌面通知。
- 上手導覽: 第一次使用時有導覽,帶使用者建立第一個習慣。
技術決定
用 React 寫一份程式,再用 Capacitor 包成 iOS 和 Android App。狀態管理用 Zustand,圖表用 Recharts,用 GA4 記錄功能使用和錯誤。
2025 年 1 月底開工,大約一個月內提交了 96 個 commit。
結果
已有 50 名以上使用者註冊。我做了使用者訪談,發現這個做法能提高使用者對自己情緒的察覺。
這個專案的起點,是我訪談了幾位科技人,發現大家普遍不太熟悉自己的壓力、焦慮和情緒。