本系列將挑戰「零本機安裝」的現代雲端開發模式,全程靠瀏覽器,在 30 天內實作一款具備 AI 功能的用藥監測 Web 系統。
開發流程涵蓋:使用 GitHub Codespaces 建立 React 前端介面、透過 Firebase 管理資料庫與會員驗證、結合 Vercel 實現自動化部署。專案後期將導入 Dify 平台串接 LLM,建構專屬的 AI 用藥提醒助手。
文章將完整紀錄環境配置、前端狀態管理、CUD 邏輯實作到 AI 工具整合的實戰過程,展示如何運用雲端生態系輕量且高效地完成網頁應用程式。
身為醫學資訊領域的學生,日常經常需要思考如何將繁雜的健康與服藥數據轉化為實用的數位系統。過去在開發網頁版習慣追蹤器時,深刻體會到 GitHub Codespac...
昨天我們確立了這 30 天要挑戰「零本機安裝」的開發模式。今天直接進入實戰,啟動專案的核心引擎:GitHub Codespaces。 過去在進行專案開發時,光是...
昨天我們成功在瀏覽器中看見了 Vite + React 的預設歡迎畫面,證明了雲端開發環境的順暢度。今天我們要來「打掃房間」,把不需要的預設檔案清空,並導入 T...
前面幾天我們成功在 GitHub Codespaces 建立了雲端 React 環境,並順利掛載了 Tailwind CSS。今天我們要開始動手寫程式,打造整個...