MIXXIN
Vibe Coder 入門課 · 個人頁
leann
@leannlincc ↗
學習進度
4
/8
✓
堂 1
✓
堂 2
✓
堂 3
✓
堂 4
·
堂 5
·
堂 6
·
堂 7
·
堂 8
作品與個人建議
第 1 堂 · Lunch Squad
leannlincc/lesson-01/index.html
開啟完整作品 →
第 4 堂講評
第 4 堂 · 逐支 PR 審查 ·
補課頁 →
亮點
三項全做到;清單總數是真的去數抓回來的資料(不是寫死數字),每次重整都重新抽一家,抽到沒評分的店也擋掉了。
建議
跟團紀錄是用「第幾張卡」當名字存的——第 3 堂已經真的發生過一次:有人把新店插到清單最前面,所有紀錄就整排位移到隔壁那家店。改用店名就不會了。另外寫入抽屜沒有防護(見補課頁)。
小挑戰
跟 AI 說「把跟團狀態的 key 從卡片在頁面上的第幾個(index)改成用店名當 key,這樣以後清單順序換了,紀錄也不會跟著跑到別家店」。
特別指派作業(全班)
:第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。 這不是誰粗心,是 AI 寫這種程式的固定盲點。看完再交一張 issue + 一個 PR:
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺/UX 講評
亮點
The Verge 編輯風的「LUNCH STORYSTREAM」是全班視覺辨識度最高的一個——薄荷綠/電光紫卡片交替、每張卡都有精確到分鐘的時間戳「10:50 AM · TODAY」,加上雙語標籤,讀起來真的像新聞動態牆而不是表單。
建議
手機版時間戳文字有時被下一張卡片的圓角邊緣蓋到一點點,加上目前跟團只能 count++、按了就永久鎖住無法取消,功能上略薄。
小挑戰
跟 AI 說「幫我要跟按鈕加上『再按一次可以取消跟團』的功能,並修正手機版時間戳被卡片蓋住的問題」。
第 2 堂 · 地點貢獻
貓愛吃小店海鮮燒烤
PR
#9 ↗
· 2026-07-09
✗ 未採用
說明
此 PR 為空 commit、不含任何檔案變更,僅是為了追認該地點已透過非 PR 流程(直接 commit 2bdb430 到 main)加入 lunch-locations.json;PR 描述中的待確認事項未勾選,本身未貢獻新資料