鐵人檔案
《拖延怪日記》是一個結合 Modern Web 與 AI 的互動網頁作品，以「記錄沒做到的事」為核心，專為想改善拖延的人設計。使用者每天只需輸入「今天沒做什麼」與「原因」，系統會回覆一則溫暖或打趣的語錄，讓紀錄不再是壓力，而是陪伴與幽默。
專案涵蓋表單紀錄、LocalStorage 保存、Undo、排序篩選、情緒追蹤、任務安排、互動動畫、AI 語錄生成、背景主題切換、雲端同步等功能，並支援 RWD 響應式設計，確保手機與桌機都能流暢使用。
此作品不追求一次治癒拖延，而是透過日常紀錄、數據回顧與 AI 陪伴，讓使用者逐步觀察自己的模式、累積成就感，進而找回改變的動機。
摘要Day 10 我們能依照時間、任務或原因來排序清單。今天要進一步加入「篩選」功能（只顯示特定原因的紀錄），並補上排序與篩選的「多分頁同步」，讓不同分頁的排...
摘要今天先顯示一個「引起共鳴」的進場畫面，按下「一起看看今天怎麼了 →」後再切到既有的拖延紀錄表單。專注在 DOM 顯示/隱藏與焦點管理，確保新手容易上手且與...
摘要Day 12 我們完成了「進場畫面」，讓使用者先感受到共鳴，再進入表單。經過 Day 4-12 ，你已經完整實現 Day 4 提到的最小可行產品（MVP)...
摘要Day 13 我們完成了「互動引導」與「歷史回顧切換」，讓使用者操作體驗更清楚。今天要加入一個新功能：「精神狀態小測驗」。透過早上、下午、晚上的三個小問題...
摘要Day 14 我們完成了「精神狀態小測驗」：使用者能分別填寫早/午/晚三個時段的精神狀態，且會自動記住上次勾選。今天 Day 15，我們把小測驗串接到下一...
摘要Day 16 我們把「任務」轉成可操作的任務卡，並提供三個時段格子（早/午/晚）。使用者可以用點擊把任務卡放入某個時段格子；系統會記錄安排的時段（loca...
摘要把 Day 16 的「點擊把任務卡放進時段格」升級為「拖曳（Drag & Drop）」，並在放下（drop）後同步寫入 localStorage。...
摘要完成任務排程後，立刻在頁面上生成一句溫暖總結：「你選擇在【下午】安排了《任務》…」，並提供兩個行動按鈕：分享挑戰給好友與查看我的假日紀錄。學會把「先前表單...
摘要今天讓網站「記得你來過」。我們用 localStorage 追蹤是否曾造訪過，進場畫面會改成一句暖心問候：「今天的你，是不是不一樣了呢？」並依第一次／再次...
摘要今天我們要把「精神狀態小測驗」升級成長期回顧工具！不只保留最新一次的選項（MOOD_KEY），還要新增 MOOD_LOG_KEY 陣列，把每次提交的結果都...
