Mini App တစ်ခုကို Vibe Code ဖြင့် တည်ဆောက်ပါ

Spec၊ prompt၊ review၊ test နဲ့ ship checklist ကို ပေါင်းပြီး Quick Notes လို mini app တစ်ခု အဆုံးသတ်မည်။

ခဏလေး ဒီလိုပဲ စဉ်းစားကြည့်

ဒီသင်ခန်းစာက ယခင်ခန်းအားလုံးကို တစ်ခုတည်းသောစီးဆင်းမှုအဖြစ် ပေါင်းပါတယ်။ Spec ရေး။ ပထမဆုံး file ဆောက်။ UI ကို token နဲ့ညှိ။ ဒေတာသိမ်း။ Review လုပ်။ Test ထည့်။ Secret မပါအောင်စစ်။ ပြီးမှ နောက် feature စဉ်းစား။ Vibe coding ရဲ့ အောင်မြင်မှုက AI က ဘယ်လောက်ရေးသလဲမဟုတ်ပါဘူး။ ကိုယ်နားလည်ပြီး သုံးလို့ရတဲ့ရလဒ်ကျန်သလားဆိုတာပါ။

နေ့စဉ်ဘဝနဲ့ ချိတ်ကြည့်မယ်

အကြံပြု project: Quick Notes။ List၊ add၊ delete၊ localStorage၊ empty state။ Login မလို။ Prompt များကို သင်ခန်းစာ ၅–၈ ကပုံစံအတိုင်းသုံးပါ။ တစ်ခုချင်း commit လုပ်ပါ။ နောက်ဆုံးမှာ “ငါနားလည်တဲ့ file တွေ” စာရင်းရေးပါ။ နားမလည်တဲ့ file ကျန်ရင် ပြန်ရှင်းခိုင်းပါ သို့မဟုတ် ဖျက်ပါ။

• Mini spec ရှိသည်
• ပထမဆုံး slice အလုပ်လုပ်သည်
• Review + test သို့မဟုတ် manual script ရှိသည်
• Secret / extra dependency မပါ
• နားလည်သော code ပဲကျန်သည်

အတူတူ လက်တွေ့စမ်းမယ်

Quick Notes definition of done
[ ] I can add a note
[ ] I can delete a note
[ ] Refresh keeps my notes
[ ] Empty state is visible
[ ] Keyboard can reach Add and Delete
[ ] No API keys in the repo
[ ] I can explain every file I kept

ကိုယ်နားလည်ပြီး သုံးလို့ရသော vibe-coded mini app တစ်ခု ပြီးစီးမည်။