Vibe Coding: E-book Shop

เจ้าของผลงานเล่าไว้แบบนี้

https://e-book-shop-seven.vercel.app # Vibe Coding: E-book Shop 📖 ระบบเว็บจำหน่าย E-book อย่างง่าย พร้อมรองรับการ Deploy สู่ Vercel และเชื่อมโยงสู่ Android Mobile App ด้วย MIT App Inventor ตามใบงาน **"Vibe Coding: E-book Shop"** --- ## 📋 Checklist ตรวจสอบความถูกต้องตามใบงาน (หน้า 7) - [x] **ออกแบบหน้าจอระบบ**: ครบถ้วนตรงตาม UI Mockup ทั้ง 7 หน้าจอ (หน้าร้าน, รายละเอียด, ข้อมูลผู้ซื้อ/ตะกร้า, ชำระเงินจำลอง, ตรวจสอบสถานะ, ส่งมอบอีเมล, มุมมองมือถือ) - [x] **หน้าร้านแสดง E-book อย่างน้อย 3 รายการ (ปัจจุบันมี 6 รายการ)**: เพิ่ม 3 E-Book ใหม่สายเทคนิค Python/PyQt6 (Task Manager PRO, Neumorphic Media Player, Tarot App PRO) ดึงหน้าปกและตัวอย่างจาก PDF จริง พร้อมปุ่มเปิดอ่านตัวอย่างและดาวน์โหลดไฟล์หลังชำระเงิน + 3 เล่มต้นแบบเดิม พร้อมระบบกรองหมวดหมู่และค้นหา - [x] **Checkout สร้างคำสั่งซื้อและสถานะ PENDING**: ออกเลขที่คำสั่งซื้อรูปแบบ `#ORD...` พร้อมบันทึกสถานะเริ่มต้นเป็น `PENDING` - [x] **Mock Payment มีคำว่า DEMO ONLY ชัดเจน**: มีป้ายแจ้งเตือนสีเหลืองทองชัดเจน และปุ่ม *"จำลองชำระเงินสำเร็จ"* เพื่อเปลี่ยนสถานะเป็น `PAID` - [x] **หน้าติดตามคำสั่งซื้อไม่เปิดเผยข้อมูลผู้อื่น**: ค้นหาด้วย **เลขที่คำสั่งซื้อ + อีเมล** เท่านั้น ข้อมูลจึงจะแสดงผล - [x] **ได้รับ/เห็นผลการส่งอีเมลหลัง PAID**: หน้าแสดงผลการส่งอีเมล พร้อมลิงก์ดาวน์โหลดชั่วคราวอายุ 24 ชั่วโมง และสามารถทดสอบคลิกดาวน์โหลดไฟล์จริงได้ - [x] **พร้อม Deploy ขึ้น Vercel**: มีไฟล์ `vercel.json` ปลอดภัย ไม่มี Hardcoded Secret ในโค้ด - [x] **พร้อมทำ Mobile App ด้วย MIT App Inventor**: รองรับการเปิดบน WebViewer และมีคำแนะนำการใส่บล็อกปุ่มย้อนกลับ (CanGoBack) ไม่ให้ออกจ

โดย nutthaphonna-glitch · ดูโพสต์ต้นทาง