Commute

這是什麼

Commute 是一個記錄每天通勤的純靜態 PWA。出門、上車、下車、抵達，各是一顆大大的按鈕， 在手機上單手點一下就完成。每次打卡都會自動帶上當下的時間與天氣，不必手動輸入。資料累積 起來之後，App 會畫成圖表，並對你慣常的路線給出抵達時間的預測。

為什麼做

通勤是每天都在發生、卻幾乎不會被記下來的事。我好奇自己「從家裡到公司」到底要花多久、 天氣或時段會不會明顯影響，但任何需要打開表單、手動填欄位的工具都太麻煩，撐不過三天。 所以這個 App 的核心只有一個要求：快到沒有藉口不記——按鈕大、步驟少、其餘自動補。

怎麼用

把網站「加入主畫面」後就像一個原生 App。通勤途中依序點四顆按鈕記錄各階段，時間與天氣 自動寫入；之後在統計頁看自己的通勤分佈與趨勢，並參考系統根據歷史資料推算的預計抵達 時間。介面全程繁體中文。

技術重點

純 HTML + ES modules，沒有 build step。後端是 Supabase Postgres，寫入走 RPC 並以 bcrypt 密鑰把關，避免匿名濫用。整站部署在 GitHub Pages，以 service worker 做成可離線、可安裝 的 PWA。

設計取捨

刻意不引入框架與打包工具，讓專案維持輕、好維護、隨開即用。功能只圍繞「記錄 → 統計 → 預測」這條主線，不做多餘的設定與裝飾——和我每天想要的通勤體驗一樣，越簡單越好。