Skip to main content
踏實感行動的產品首頁:「寫下行動,記錄感受,找到屬於你的踏實感」

踏實感行動

•進行中
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 名以上使用者註冊。我做了使用者訪談,發現這個做法能提高使用者對自己情緒的察覺。

這個專案的起點,是我訪談了幾位科技人,發現大家普遍不太熟悉自己的壓力、焦慮和情緒。