MIXXIN
Vibe Coder 入門課 · 個人頁
Ready
@readyding ↗學習進度4/8
作品與個人建議
第 2 堂 · Lunch Squadreadyding/lesson-02/index.html
開啟完整作品 →
第 4 堂講評
第 4 堂 · 逐支 PR 審查 · 補課頁 →
亮點
三項全做到；抽到沒有評分的店老實顯示「評分未提供」，跟團紀錄用穩定的按鈕代號而不是「第幾張卡」，重整後不會對到別家店。
建議
存進抽屜沒有防護。另外第 3 堂給你的小挑戰（店名換行時同排卡片對齊）那個修法其實沒有作用——AI 給你的那行設定剛好就是瀏覽器本來的預設值，等於把預設行為抄了一遍。這是很值得認識的一種 AI 回答：看起來在修，其實什麼都沒改變。
小挑戰
跟 AI 說「saveJoinedState 裡的 localStorage.setItem 也包一層 try/catch，寫入失敗時至少提醒一聲，不要讓例外整個丟出來」。
特別指派作業（全班）：第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。
這不是誰粗心，是 AI 寫這種程式的固定盲點。看完再交一張 issue ＋ 一個 PR：
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺／UX 講評
亮點
Nike campaign 感的黑底＋黃色「TODAY・LUNCH」徽章很有氣勢，4 欄網格在桌機上把寬度用得很足；按鈕互動做得討喜，點下去從黃色「＋我要跟」變成綠色「✓ 已加入」，色彩語意很清楚。
建議
4 欄擠壓下店名較長時會換成兩行（例如「EGG BUN Breakfast Sandwich & Espresso」），跟旁邊一行的卡片對齊起來高低不一，整排看起來有點參差。
小挑戰
跟 AI 說「店名太長換行時，卡片高度自動對齊，讓同一排看起來一樣高」。
第 2 堂 · 地點貢獻
拿坡里披薩 湯城門市PR #11 ↗ · 2026-07-09
✓ 已合併
說明
透過 Google Maps 分享連結解析出店名與座標，meta.total_unique_locations 同步更新（22 → 23）且與陣列長度一致，JSON 驗證通過