React Inventories (สอน Internet Programming)
ตัวอย่างแอป Inventory สำหรับใช้สอนรายวิชา Internet Programming (React) มุ่งเน้นการเชื่อม REST API, CRUD, และออกแบบ UI ให้ตอบโจทย์การใช้งานบนมือถือ
React
Tailwind
REST API
MySQL
ย้อนกลับ
ฟีเจอร์ที่สอนในคลาส
CRUD บนคลาวด์
แสดงตัวอย่างสร้าง/แก้ไข/ลบสินค้าผ่าน REST API และซิงก์กับฐานข้อมูล
การจัดการสต็อก
อัปเดตจำนวนสินค้าแบบเรียลไทม์ พร้อมแสดงสถานะใกล้หมดสต็อก
UI สำหรับมือถือ
ใช้ Tailwind ปรับ UI ให้รองรับจอเล็กและ interaction แบบ touch
เชื่อมต่อ MySQL
เดโมการยืนยันตัวตนและการจัดเก็บข้อมูลภาพสินค้าในสตอเรจ
ตัวอย่างหน้าจอ
