# Fashion Store
เว็บไซต์ร้านค้าแฟชั่นออนไลน์ (Fashion Store)
## รายละเอียดโปรเจ็ค
- เว็บไซต์แสดงสินค้าแฟชั่น เช่น เสื้อผ้า เดรส กางเกง กระโปรง ฯลฯ
- ลูกค้าสามารถเลือกสินค้า เลือกไซส์ สี และเพิ่มลงตะกร้า
- ระบบตะกร้าสินค้า พร้อมสรุปยอดและข้อมูลลูกค้า
- รองรับการชำระเงินผ่าน QR Code (PromptPay)
- ข้อมูลสินค้าโหลดจากไฟล์ `api/products.json`
- UI สวยงาม ใช้งานง่าย รองรับมือถือ (Responsive)
## โครงสร้างโปรเจ็ค
```
index.html
api/
products.json # ข้อมูลสินค้า (JSON)
assets/
css/
style.css # ไฟล์ CSS หลัก
js/
script.js # ไฟล์ JavaScript หลัก
images/ # รูปภาพสินค้า
```
## วิธีใช้งาน
1. เปิดไฟล์ `index.html` ด้วยเว็บเบราว์เซอร์ (แนะนำให้รันผ่าน server เช่น XAMPP, WAMP, หรือ Live Server ใน VS Code)
2. เลือกสินค้า เลือกไซส์ สี และเพิ่มลงตะกร้า
3. กรอกข้อมูลลูกค้าและดำเนินการชำระเงินผ่าน QR Code
## การแก้ไข/เพิ่มสินค้า
- แก้ไขไฟล์ `api/products.json` โดยเพิ่ม/ลบ/แก้ไขข้อมูลสินค้าในรูปแบบ JSON
- รูปภาพสินค้าให้วางในโฟลเดอร์ `assets/images/` และระบุ path ในฟิลด์ `image`
## เทคโนโลยีที่ใช้
- HTML5, CSS3 (Flex, Grid, Responsive)
- JavaScript (Vanilla JS)
- Font Awesome (icon)
- QR Code API (สำหรับสร้าง QR ชำระเงิน)
## หมายเหตุ
- ตัวอย่าง QR Code ใช้ API ฟรีและเบอร์โทรตัวอย่าง สามารถเปลี่ยนเบอร์โทรใน `script.js`
- ไม่มีระบบ backend จริง ข้อมูลสินค้าและออเดอร์อยู่ฝั่ง client
---
> พัฒนาเพื่อการศึกษาและฝึกฝนเท่านั้น