鐵人檔案
《拖延怪日記》是一款以「記錄沒做到的事」為核心的互動式網頁，專為想改善拖延的人設計。使用者每天透過簡單表單輸入「今天沒做什麼」與「原因」，系統即回覆一則溫暖或打趣的「拖延怪語錄」，將紀錄轉化為陪伴與幽默。
網站採 Modern Web 技術 開發，結合 SPA 架構 與 RWD 響應式設計，確保流程即時流暢並適配行動裝置；資料以 localStorage 儲存，支援離線與跨日回顧。
本專案不求一次治癒拖延，而是透過日常紀錄與即時回饋，讓使用者觀察行動模式並建立改變意識。
摘要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 追蹤是否曾造訪過，進場畫面會改成一句暖心問候：「今天的你，是不是不一樣了呢？」並依第一次／再次...
