MIXXIN
Vibe Coder 入門課 · 個人頁
ken
@kennscy ↗學習進度4/8
作品與個人建議
第 2 堂 · Lunch Squadkennscy/lesson-02/index.html
開啟完整作品 →
第 4 堂講評
第 4 堂 · 逐支 PR 審查 · 補課頁 →
亮點
三項全做到，兩個最容易踩的雷都避開了——跟團紀錄用店名當名字（不是用「第幾張卡」），評分是空的那 24 家店也正確不顯示星等。
建議
存進抽屜的動作沒有防護：讀取有包、寫入沒包。無痕視窗下會顯示「已跟團」但其實沒存到，重整就消失，而且完全不會報錯。這是全班 10 個人共同中招的地方，補課頁有完整說明。
小挑戰
跟 AI 說「幫我把 markJoined 裡寫入 localStorage 的地方也包上 try/catch，跟讀取的地方對稱，這樣無痕模式點『我要跟』才不會噴例外」。
特別指派作業（全班）：第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。
這不是誰粗心，是 AI 寫這種程式的固定盲點。看完再交一張 issue ＋ 一個 PR：
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺／UX 講評
亮點
Warp 終端機風格是全班少見的深色系選擇，標題下方那條藍紅漸層線很有辨識度；卡片直接把地址、電話、營業時間、Google 地圖連結全部攤開在正面（不用點開），資訊密度全班數一數二高，且「我要跟」按下後即時變成「已跟團 ✓」確認過會動。
建議
卡片裡地址／營業時間／地圖連結全部同一種灰、同一個字級，眼睛要逐行讀才找得到重點；可以把店名以外只留一兩個關鍵字放大（比如評分或營業狀態），其餘資訊縮小或收進次要層。
小挑戰
跟 AI 說「把卡片裡的營業時間或評分用比較大、比較顯眼的顏色標出來，其他次要資訊縮小」。
第 2 堂 · 地點貢獻
文宗涼麵PR #4 ↗ · 2026-07-09
✓ 已合併
說明
地址、電話、營業時段取自使用者提供的 Google Maps 分享連結，meta.total_unique_locations 更新（23 → 24），JSON 格式驗證通過