MIXXIN
Vibe Coder 入門課 · 個人頁
Tina
@tina19980312 ↗學習進度4/8
作品與個人建議
第 2 堂 · Lunch Squadtina19980312/lesson-02/index.html
開啟完整作品 →
第 4 堂講評
第 4 堂 · 逐支 PR 審查 · 補課頁 →
亮點
天氣做得比作業要求細——天氣代碼轉成中文和 emoji、抓當前小時的降雨機率，抓不到時退回顯示上次的資料並標「（快取）」而不是壞版。兩個存進抽屜的地方也都有防護，這點全班只有四個人做到。
建議
共用清單那項還沒做——你頁面上的清單是第 2 堂「抄」進來的固定清單，標題寫的「22 家店」現在實際已經 35 家了。改成 fetch 就會自動跟上，這正好是「抄 vs 拉」的差別。另外跟團目前只能加入、不能取消。
小挑戰
跟 AI 說「把 teams 陣列改成用 fetch 讀 https://vibe-course.mixxin.tw/submissions/lunch-locations.json，總店數用抓回來的 locations.length 顯示，並加一個隨機抽一家的『不然今天吃這家？』區塊，沒有評分的店不要顯示星星」。
特別指派作業（全班）：第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。
這不是誰粗心，是 AI 寫這種程式的固定盲點。看完再交一張 issue ＋ 一個 PR：
補課 · 抽屜的另一半 →
第 3 堂講評
第 3 堂 · 視覺／UX 講評
亮點
Apple 官網等級的極簡優雅是全班字體排版最舒服的一份——黑色頂部導覽列（午餐／揪團／成員／設定）、細體大標題、留白大方；卡片資訊用「發起人／時間／地址／電話／評分／營業時間」整齊的鍵值對排列，跟團後藍色按鈕會確實變灰並鎖住，交互沒有雜訊。
建議
每張卡片頂部那塊留給照片的區域目前只放了一顆置中大 emoji，跟整體「產品官網」的精緻感比起來稍微陽春，感覺像還沒放上真實圖片的佔位區。
小挑戰
跟 AI 說「把卡片頂部的 emoji 換成真實店家照片，跟 Google 地圖資料一起抓」。
第 2 堂 · 地點貢獻
蒔嶼ITHAKA、貓愛吃小店海鮮燒烤PR #13 ↗ · 2026-07-09
✗ 未採用
說明
此 PR 修改的是個人作業頁面 submissions/Tina/lesson-02/index.html（單一同學的頁面卡片呈現），而非共用資料檔 lunch-locations.json 的資料新增；其中貓愛吃小店海鮮燒烤已由另一路徑（非經 PR 審核）直接進入 main，未走正式資料貢獻流程