前半段要做一個記帳 App,從最簡單的 localStorage MVP 開始,一路升級到 Firestore 雲端同步、分類管理、統計圖表、預算提醒、搜尋與匯出,看看日常的開銷能怎麼被數位化整理。其實是被超多人做過的專案但我還沒做過,先練練手><
後半段則來做情緒日記網站,先完成基礎 CRUD 與雲端保護,再進一步加入文字情緒分析、圖表視覺化、PWA 支援,甚至語音輸入與語音情緒辨識,最後還會嘗試文字 × 語音的多模態融合。
整個系列的精神是「先做出來再說」,不追求完美,而是靠 AI 工具快速驗證、快速迭代,看看 30 天內能不能 vibe 出一個真的能用的作品
昨天把記帳的第一階段收尾,今天開始第二個篇章:情緒日記 App(Web 版)因為要快速驗證,所以先做一個最小可行產品(MVP):可以寫日記、看清單,刷新不會消失...
昨天我們完成了「情緒日記 Web MVP」,用 localStorage 做到 刷新不會消失。但 localStorage 有個明顯問題:換電腦或清瀏覽器快取就...
昨天我們讓日記上了 Firestore,並且加上帳號保護,確保只有自己能看到不過有個問題:日記寫久了總會有幾篇看不下去(或打錯字),如果不能修改或刪除,就太不方...
昨天我們做完了日記的 CRUD(編輯與刪除),現在至少可以把內容寫下來、改掉或刪掉但問題來了:有時候打開清單一看,幾百字的日記,自己都懶得讀,更別說回顧當時的心...
昨天我們幫每篇日記都加上了情緒標籤(正向 / 中立 / 負向),但光是看一筆筆文字還不夠直覺所以今天要把情緒「視覺化」,做出折線圖和月曆熱力圖,讓人能一眼看出這...
昨天有了情緒視覺化,但回顧特定主題(比如「考試」)還是得滑清單今天把體驗做直覺一點:直接輸入關鍵字搜尋日記內容,再搭配日期範圍,就能精準找到要看的那幾篇 今日...
昨天把搜尋做完,今天上線「Email 提醒」:每天晚間固定時間檢查誰今天還沒寫日記,才寄一封提醒信;如果今天已經寫過,就不會打擾你。為了保持「免費」,我用了 S...
昨天完成了 Email 提醒,但日記這東西本質上很私密,有些內容甚至可能「不想任何人知道」。所以今天的任務就是 隱私與安全。不只是「只有自己帳號能看自己的日記」...
昨天把隱私和加密處理好,今天要補上另一個關鍵功能 —— 匯出/匯入畢竟日記是很個人的資料,不能只困在雲端,也要能備份、遷移,甚至重新匯入所以今天的目標就是讓使用...
昨天已經完成匯出/匯入,今天要挑戰的是另一個真實世界的痛點 —— 沒有網路時也能寫日記。畢竟日記是隨時隨地的靈感記錄,不能因為斷網就卡住。所以今天的目標是把日記...