CLASSROOM SIMULATION ONLY Starter สำหรับเรียน ไม่ใช่ production, storefront หรือ publish-ready

FOLLOW-ALONG WORKSHOP

# Product Showcase Starter

เริ่มจาก catalog ที่แสดงผลได้ แล้วใช้ Claude Code ทำทีละ checkpoint

ตัวอย่าง static local เท่านั้น: ไม่มี backend, authentication, database, payment, customer data หรือการเผยแพร่จริง

Core Mission

## B2B Capability Board

B2C · Stretch

6 CHECKPOINTS

## Build one verified vertical slice

01

### Search

เพิ่มช่องค้นหา ID/ชื่อ และพิสูจน์ DL-1007

02

### Filter

เพิ่ม Shape + Availability และพิสูจน์ผล Round/Available = 4

03

### Empty State

แสดงข้อความเมื่อไม่พบข้อมูล พร้อมปุ่ม Reset

04

### Responsive QA

ตรวจ 390, 768 และ 1440 px โดยไม่มี horizontal overflow

05

### Rights QA

ตรวจ media ID, Approved status และ alt text สองภาษา

06

### Publish Record

กรอกผู้อนุมัติ วันทบทวน และวิธี unpublish; deploy เป็น optional

STARTING POINT

## Catalog render พร้อมต่อยอด