MIXXIN
Vibe Coder 入門課 · 個人頁
Sally
@sally-hsieh ↗
學習進度
3
/8
✓
堂 1
✓
堂 2
✓
堂 3
·
堂 4
·
堂 5
·
堂 6
·
堂 7
·
堂 8
作品與個人建議
第 2 堂 · Lunch Squad
sally-hsieh/lesson-02/index.html
開啟完整作品 →
第 4 堂 · 尚未交件
第 4 堂 · 逐支 PR 審查 ·
補課頁 →
亮點
第 3 堂那份 MIXXIN 品牌儀表板(登入者資訊、即時統計、「我發起」標籤)是全班最有「真正產品」感的一份,這個底子很好。
建議
第 4 堂還沒交件。三件事的起手式(把「我要跟」存進 localStorage、抓台北天氣、接上全班共用清單)在第 4 堂頁面上都有現成的,照著做就好;三件事其實是同一個做法重複三次。卡住隨時找講師。
小挑戰
跟 AI 說「幫我把『我要跟』的人數和已加入狀態存進 localStorage,重新整理頁面後要維持」——先把這一件做完,另外兩件是同一套路。
特別指派作業(全班)
:第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。 這不是誰粗心,是 AI 寫這種程式的固定盲點。看完再交一張 issue + 一個 PR:
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺/UX 講評
亮點
直接做成 MIXXIN 品牌後台儀表板是全班最有「真正產品」感的一份——頂部有登入者資訊(Sally/
[email protected]
)、即時統計(開團中 22/已加入 66/我跟的團 0)、還有自己發起的團會多一個「我發起」標籤;每張卡有推薦菜色標籤,點我要跟後不只按鈕變色,還確認過統計數字會跟著動。
建議
目前是全班完成度最高的一份,真要挑,就是「已滿團」或「快額滿」這種狀態沒有像 sam、Lettice 那樣用顏色特別標出來,得自己算人數才知道要不要衝。
小挑戰
跟 AI 說「當某團人數接近上限時,幫我加一個『快滿了』的顏色徽章」。
第 2 堂 · 地點貢獻
貴族世家(新莊化成店)
PR
#5 ↗
· 2026-07-09
✓ 已合併
說明
地址、電話、營業時間以官方分店頁(noble.com.tw)核實,並手動解決與 main 上其他新增地點的 meta 計數合併衝突(22 → 24)