今天開始製作服藥提醒功能。

前面已經完成新增藥物、首頁同步、已服用／未服用、刪除藥物和資料保存，所以今天希望讓這個保健小幫手可以更接近真正可以使用的工具。

我希望做到：

使用者設定藥物時間後，到了指定時間，系統可以提醒使用者。

一、先確認目前的用藥資料

在開始製作之前，我先確認目前藥物資料裡已經有用藥時間。

例如：

維他命
22:30

這些時間之前就已經可以儲存在藥物資料裡，所以今天不需要重新製作用藥時間功能。
只要利用原本的時間資料，就可以進一步製作提醒功能。

二、加入服藥時間提醒

今天主要是讓網站可以持續檢查目前的時間。

流程變成：

設定藥物時間
 ↓
儲存藥物資料
 ↓
網站持續檢查目前時間
 ↓
時間符合設定時間
 ↓
顯示提醒
 ↓
「⏰ 該服用○○了！」

三、今天使用 Codex 的 Prompt

今天我使用的 Prompt 是：
「目前 AI 保健小幫手已經完成新增多筆藥物、首頁同步、已服用／未服用、刪除藥物以及 localStorage 資料保存功能。現在請新增『服藥時間提醒』功能。使用目前藥物資料中的用藥時間作為提醒時間，網頁開啟時持續檢查目前時間，當目前時間符合某筆藥物設定的時間時，在網頁上顯示提醒訊息，例如『⏰ 該服用○○了！』。同一筆藥物在同一分鐘內不要重複顯示大量提醒。如果藥物已經標記為『已服用』，就不要再提醒該筆藥物。不要修改目前已經正常的新增、同步、刪除、已服用／未服用與 localStorage 功能。不要加入 LINE、簡訊、推播通知或外部 API。請先檢查目前專案的資料結構，再以最少的修改加入提醒功能。修改完成後，請列出修改了哪些檔案，以及我要如何測試提醒功能。」

四、實際測試

為了不用等很久，我先設定一筆幾分鐘後的藥物時間。

例如：
維他命
22:30

接著保持網頁開啟，等待設定的時間。

到了指定時間後：

• 網頁成功出現提醒。
• 顯示正確的藥物名稱。
• 沒有一直重複顯示提醒。

接著我把這筆藥物改成「已服用」。

---> 已服用後不會繼續提醒。

代表目前的提醒功能可以正常判斷藥物時間和服用狀態。

五、今天的成果

今天主要完成了：
✅ 可以使用原本的用藥時間進行提醒。
✅ 網頁會持續檢查目前時間。
✅ 到達設定時間時會顯示提醒。
✅ 提醒內容會顯示正確的藥物名稱。
✅ 同一筆藥物不會在同一分鐘內重複提醒。
✅ 已服用的藥物不會繼續提醒。
✅ 沒有影響原本的新增、同步、刪除和資料保存功能。
✅ 實際測試提醒功能成功。

目前整個流程變成：

新增藥物
 ↓
設定用藥時間
 ↓
儲存資料
 ↓
持續檢查時間
 ↓
時間到了
 ↓
顯示服藥提醒
 ↓
使用者服用藥物
 ↓
標記為已服用
 ↓
停止提醒

六、今天最大的收穫

今天讓我第一次把「時間」加入到實際的功能裡。

之前的功能大多是使用者操作之後才會發生變化，例如新增藥物、刪除藥物或切換服用狀態。

但是今天的提醒功能會自己持續檢查時間。

也讓我了解網站不只是顯示資料，也可以根據條件自動執行一些事情。

這讓我覺得這個保健小幫手開始越來越像一個真正可以使用的工具。

明天要做什麼？

Day 14｜讓提醒更完整：改善服藥提醒的使用方式

接下來想繼續改善提醒功能，讓提醒的顯示方式更加清楚，也讓使用者更容易知道是哪一筆藥物需要服用。