本系列將記錄開發 SyncETA Lite 的完整歷程——一套基於機率式思維、為初學者設計的出發時間推薦 PWA。
內容涵蓋 PWA 基礎架構、台灣 TDX 運輸資料與 Google Maps API 串接、簡化版機率推薦邏輯(分位數運算)、離線與推播體驗優化,以及部署上線。
全程程式碼皆會標注寫在專案 syncetalite-pwa/ 資料夾中的哪個檔案,適合對智慧交通、PWA 開發有興趣的初學者跟著實作。
第五階段開始,今天回頭把 Day 4 留下的空殼 Service Worker(public/sw.js)補完,讓 SyncETA Lite 真正具備離線能力。...
今天讓 SyncETA Lite 具備推播通知能力,在資料出現異常延誤時主動提醒使用者。 兩種通知,先從簡單的開始 完整的 Web Push 需要後端伺服器搭...
SyncETA Lite 的核心使用情境是「通勤前查詢」,這代表使用者絕大多數會用手機操作。今天要讓整個介面在不同螢幕尺寸下都保持好用。 檢視目前的問題 目前...