鐵人檔案
本系列將紀錄我如何從零開始學習 HTML / CSS / JavaScript，並逐步打造一個糖尿病患者可用的健康監測網站。功能將包含血糖數值紀錄、是否異常的即時提示、以及簡單的生活建議提醒。希望透過這 30 天的學習與實作，不僅掌握 React + TypeScript + Tailwind CSS 等技術，也實際開發一個對糖尿病病患與家屬有幫助的小工具。
個人資料頁面差不多完成了，今天打算來完整「修改密碼」的功能。 修改密碼 因為目前是小專案，所以打算把修改密碼的部分就先放在 account.html 帳號管理...
今天想來試試針對糖尿病患者「線上諮詢 / 留言板」的功能，目前想法是： 在主頁 index.html 有個框框可以點進去，框框會出現最新的三個問題，右上角有個...
今天實作昨天講到的部分，在做的過程中發現有些錯誤需要修正： 昨天設定的 JS 檔名稱都是照檔名去命名的，但今天都把它們改成 script.js ，因為我都統一...
這禮拜與老師討論過專題後，決定用react 去寫前端。所以在剩下的天數裡，我決定來從頭學習react ，之後會在網頁上實作上去，所以今天就來了解react 的基...
經過思考後，我決定配合專題的技術使用 react ，所以打算把正個網頁都改成使用react 語言去撰寫。邊做邊學。 Step 1：建立 React 專案 npm...
其實搬移到一半發現工程量有點大，而且再五天就要結束數鐵人賽了，所以決定繼續以：JavaScripts + HTML + CSS 去完成。前兩天的 React就當...
基本的功能感覺已經差不多做完了，所以我決定剩下三天來優化現有的功能跟排版。 先從昨天的部分延續好了，有關密碼的部分，目前是輸入什麼作為密碼都可以，長度、大小寫都...
今天想到一個挺重要的東西還沒有，那就是「吃藥提醒」的功能。 Step 1 創建一個 reminders.html 頁面，管理提醒、測試通知、匯出 .ics。 &...
剩下最後兩天，打算來優化剩下的小地方： 表單體驗 record.html 自動帶入今天日期、限制輸入範圍、invalid 時禁止送出 密碼欄位加「👁 顯...
先放上昨天實作的成果： 表單優化 密碼顯示按鈕 紀錄匯出按鈕 除了放上昨天實作的照片，在這邊也會放上一支 Demo 影片，可以看到這 30 天來設計的...
