這是什麼

Coffee Review 是一個給自己用的咖啡評鑑工具，靈感來自 Cup of Excellence（CoE）的杯測 格式。它把「在家杯測一支豆子」與「在咖啡廳喝一杯」兩種情境收進同一套表單，讓我可以用 一致的方式記下每一次的味覺印象——香氣、風味、口感、總分，連同當下的筆記與風味輪選擇 一起保存下來。

為什麼做

市面上的杯測表單不是太專業、就是太隨意。專業的 CoE 表把總分當成八個項目分數加總，但我 實際喝的時候，腦中先浮現的其實是一個整體的分數，再回頭去拆解為什麼是這個分數。所以這個 App 反過來：總分是直接輸入的（74–96），八個參考項目（甜度、酸質、餘韻……）只是選填 的對照，幫我事後檢查自己的直覺，而不是反過來綁架它。

怎麼用

新增一筆紀錄時先選模式（杯測 / 品飲），兩種模式共用同一份表單，只是欄位顯示與必填條件 不同。風味輪最多三層，選了深層會自動帶上祖先節點；總分用兩段式選擇器：先挑獎牌級距， 再點分數。所有紀錄可依類型與店家篩選，點進去就能編輯。

技術重點

刻意做成 no build、no framework：一支 app.js 的 vanilla ES2022，Bootstrap 5.3 走 CDN， Supabase JS 用動態 import 按需載入。資料存在 Supabase 的 coffee schema，整個站以靜態 檔案部署在 GitHub Pages，並透過 service worker 做成可安裝、可離線的 PWA。

設計取捨

UI 全程繁體中文，介面盡量輕、欄位盡量少。為了讓舊紀錄不會因為新增欄位而壞掉，缺值一律 當成預設處理。這是一個會長期陪自己喝咖啡的紀錄本，所以穩定與一致比花俏更重要。