# 🥐 ร้านขนมปังสังขยา - Custard Bread Shop
เว็บไซต์ร้านขนมปังสังขยาแบบ One Page ที่รองรับการทำงานแบบออฟไลน์ พร้อมระบบตะกร้าสินค้า
## 📋 คุณสมบัติ
- 📱 Responsive Design รองรับทุกขนาดหน้าจอ
- 🔄 Progressive Web App (PWA) ทำงานได้แบบออฟไลน์
- 🛒 ระบบตะกร้าสินค้าแบบ Real-time
- 💾 จัดเก็บข้อมูลด้วย Local Storage
- 🎨 ภาพกราฟิกแบบ SVG Vector ทั้งหมด
- 🎯 แอนิเมชันและเอฟเฟกต์แบบ Interactive
- 📝 ฟอนต์ไทย Prompt แบบ Self-hosted
## 🚀 การติดตั้ง
1. Clone repository:
```bash
git clone https://github.com/goragodwiriya/bakery.git
cd bakery
```
2. ติดตั้ง Local Server (แนะนำ VS Code + Live Server Extension)
3. เปิดโปรเจคใน VS Code และเริ่ม Live Server
4. เข้าถึงเว็บไซต์ที่ http://localhost:5500
## 📂 โครงสร้างโปรเจค
```
bakery-website/
├── assets/
│ ├── css/ # สไตล์ชีท
│ ├── images/ # รูปภาพ SVG
│ ├── js/ # JavaScript
│ └── fonts/ # ฟอนต์ Prompt
├── index.html # หน้าหลัก
├── manifest.json # PWA manifest
├── sw.js # Service Worker
├── README.md # เอกสารนี้
└── LICENSE # MIT License
```
## 💻 การใช้งานบนเซิร์ฟเวอร์
1. อัพโหลดไฟล์ทั้งหมดไปยังเว็บโฮสติ้ง
2. ต้องใช้งานบน HTTPS เพื่อให้ Service Worker ทำงานได้
3. ตรวจสอบ Path ในไฟล์ manifest.json ให้ตรงกับโดเมน
## 🔧 การพัฒนาต่อ
1. แก้ไขไฟล์ CSS ในโฟลเดอร์ `assets/css/`
2. แก้ไขไฟล์ JavaScript ในโฟลเดอร์ `assets/js/`
3. แก้ไขรูปภาพ SVG ในโฟลเดอร์ `assets/images/`
4. แก้ไขเนื้อหาในไฟล์ `index.html`
## ⚠️ ข้อควรระวัง
- ต้องรันบน HTTPS หรือ localhost
- ตรวจสอบ Path ของไฟล์ให้ถูกต้อง
- รองรับเฉพาะเบราว์เซอร์รุ่นใหม่
- ต้องเปิดใช้งาน JavaScript
## 👨💻 ผู้พัฒนา
Goragod Wiriya
## 📄 ลิขสิทธิ์
[MIT License](LICENSE)