MIXXIN
Vibe Coder 入門課 · 個人頁
sam
@samhfyeh ↗學習進度4/8
作品與個人建議
第 1 堂 · Lunch Squadsamhfyeh/lesson-01/index.html
開啟完整作品 →
第 4 堂講評
第 4 堂 · 逐支 PR 審查 · 補課頁 →
亮點
加了「依人數自動排序」這種會動到卡片順序的功能，卻仍然用店名當紀錄名字——這一步很多人會踩（順序一變，用「第幾張卡」存的紀錄就會對到別家店），你沒踩到。Clay 風格改版和人數分級上色也讓頁面辨識度明顯提高。
建議
三個存進抽屜的地方都沒有防護，而且天氣和清單那兩處把「抓資料」和「存抽屜」包在同一層——存不進去時會誤報成「載入失敗」，害你查錯方向。另外這支 PR 把整頁視覺改版和作業功能混在一起，講師很難分開審，下次建議拆兩支。
小挑戰
跟 AI 說「幫我把 saveJoinState、天氣和清單那兩個 fetch 裡的 localStorage.setItem 都包一層 try/catch，寫入失敗時不要影響畫面顯示，也不要被誤判成抓取失敗」。
特別指派作業（全班）：第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。
這不是誰粗心，是 AI 寫這種程式的固定盲點。看完再交一張 issue ＋ 一個 PR：
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺／UX 講評
亮點
霓虹黃配純黑俐落乾淨，「熱門／新開團／快滿團」三種徽章讓人一眼掃過去就知道要跟哪團；響應式做得完整，手機版單欄堆疊不失色，我要跟按下後正確變成不可再按的深色「已跟團 ✓」。
建議
卡片本身是平面的深灰色塊，跟背景反差不夠明顯，長時間瀏覽容易疲勞；可以加一點卡片陰影或 hover 抬升效果增加層次感。
小挑戰
跟 AI 說「幫卡片加上滑鼠移過去會微微浮起的陰影效果」。
第 2 堂 · 地點貢獻
泰式東北小吃PR #8 ↗ · 2026-07-09
✓ 已合併
說明
從使用者提供的 Google 地圖連結解析出店名與精確座標並補上地址與營業時間，meta.total_unique_locations 更新（22 → 23）且驗證通過