Sandy · 個人頁 — Vibe Coder 入門課

學習進度4/8

作品與個人建議

第 1 堂 · Lunch Squadsandy344/lesson-01/index.html

第 4 堂講評第 4 堂 · 逐支 PR 審查 · 補課頁 →

亮點

把「不然今天吃這家？」做成一個彈窗——含店家照片、評分、推薦菜色，是全班把這個小功能做得最完整的一份。天氣和跟團持久化都到位。

建議

共用清單有去抓、資料也存進抽屜了，但抓回來的沒有接到畫面上：顯示的總數和隨機推薦還是從你自己那份固定清單來的，所以你的頁面會跟同學對不上（他們 35 家、你不是）。這種「有抓但沒接上」很難自己發現，值得看一次是怎麼回事。另外跟團紀錄用「第幾張卡」當名字，清單順序一變就會位移。

小挑戰

跟 AI 說「我的頁面已經有 fetch 全班清單，但畫面顯示的總數和隨機推薦還是用寫死的 meals 陣列。請改成用抓回來的 locations：總數用 locations.length，隨機也從 locations 抽」。

特別指派作業（全班）：第 4 堂盤點發現 14 份作業裡有 10 份漏掉同一件事——存進 localStorage 的動作沒有防護。這不是誰粗心，是 AI 寫這種程式的固定盲點。看完再交一張 issue ＋一個 PR：補課 · 抽屜的另一半 →

第 3 堂講評第 3 堂 · 視覺／UX 講評

亮點

全班互動體驗做得最細緻的一份——點卡片會跳出含真實店家照片、評分、推薦菜色、地圖按鈕的詳情視窗；按下我要跟後還會跳出一個帶鬧鐘 emoji 的「跟團成功！將於明天中午 12:00 結團，記得找小薰繳錢喔！」提醒視窗，這種貼心的微文案全班只有她做了。

建議

頁面前 3 家店（島語、師園鹹酥雞、茶詠春）資訊最完整（照片＋評分＋推薦菜色都有），越往下滑的店家資訊越簡略、有些甚至只剩店名跟按鈕，完整度不太一致。

小挑戰

跟 AI 說「把後面資訊比較少的店家也補上照片和推薦菜色，跟前三家的完整度看齊」。

第 2 堂 · 地點貢獻

這堂尚未參與地點貢獻。