MIXXIN
Vibe Coder 入門課 · 個人頁
Lettice
@Lettice-9 ↗
學習進度
4
/8
✓
堂 1
✓
堂 2
✓
堂 3
✓
堂 4
·
堂 5
·
堂 6
·
堂 7
·
堂 8
作品與個人建議
第 2 堂 · Lunch Squad
Lettice-9/lesson-02/index.html
開啟完整作品 →
第 4 堂講評
第 4 堂 · 逐支 PR 審查 ·
補課頁 →
亮點
三項全做到,是審查完全挑不出問題的兩份之一;抽到的店沒有評分時,「沒有這個欄位」和「欄位是空的」兩種情況都擋掉了。第 3 堂給的小挑戰(進度條加百分比)也做了,0 人顯示 0%、滿團顯示 100%,兩個極端都正確。
建議
PR 描述缺「重整、換裝置會不會不見」那題,第 1 題也沒講跟團狀態存在哪個名字底下。程式本身這次沒有要修的。
小挑戰
跟 AI 說「幫我在 PR 描述加一句:這個 localStorage 是存在瀏覽器本機的,換電腦或換瀏覽器就看不到之前的紀錄」。
特別指派作業(全班)
:第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。 這不是誰粗心,是 AI 寫這種程式的固定盲點。看完再交一張 issue + 一個 PR:
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺/UX 講評
亮點
深墨綠+金色「LUNCH REWARDS」的質感很像會員制餐廳 app;「還差 3 人成團」的進度條加上滿團自動變成「已滿團,下次早點手刀」的文案,是全班唯一做出「集氣感」的設計,實測按下我要跟進度條真的會即時往前跑。
建議
目前 0 人跟團的卡片進度條是完全空的一條灰線,跟「還差 4 人成團」的文字放在一起時視覺上很容易被忽略,掃過去分不出哪些團快滿、哪些才剛開。
小挑戰
跟 AI 說「進度條旁邊加上百分比或『4 人中的 0 人』這種更具體的數字,讓還沒人跟的團也看得出進度」。
第 2 堂 · 地點貢獻
牛鍋涮牛肉
PR
#7 ↗
· 2026-07-09
✓ 已合併
說明
取得精確座標作為第 23 筆真實店家;因地圖頁面為 JS 動態渲染而無法取得的欄位誠實標註於 notes、未編造,JSON 格式驗證通過