Stamp Parking

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

https://technicianofm-blip.github.io/stamp-parking/ # 🏢 Stamp Parking — ระบบบันทึกข้อมูลที่จอดรถ เว็บแอปครบวงจร: **GitHub Pages (Frontend) + Google Apps Script (Backend) + Google Sheets (Database) + Cloudinary (รูปภาพ)** ## 📁 โครงสร้างไฟล์ ``` 📦 D:\claude code\ ├── 📄 index.html # 🌐 Frontend หลัก — HTML ล้วน (รองรับ Desktop + Mobile) ├── 📁 js/ # 🧩 โค้ด JS ของ frontend ทั้งหมด (13 ไฟล์, classic script โหลดจาก index.html) │ ├── config.js # CONFIG — GAS URL/localStorage keys, healUrl() self-heal │ ├── utility.js # esc/csvField/toast/showLoad/hideLoad │ ├── api.js # get()/post() เรียก GAS + cacheR()/setCache() local cache │ ├── auth.js # AUTHENTICATION + USER MANAGEMENT + setConn() │ ├── url-setup.js # URL/Sheet ID setup + testConn() │ ├── photo.js # Cloudinary upload + client-side compress │ ├── scan.js # สแกนบาร์โค้ด/QR ผ่านกล้อง (BarcodeDetector/ZXing) │ ├── form-submit.js # FORM validation + saveRec/submitRecord + auto-complete history │ ├── dashboard.js # Dashboard — filter/pagination/chart/heatmap/CSV export (ไฟล์ใหญ่สุด) │ ├── notifications.js # 🔔 Bell notification + notification center │ ├── announcement.js # ประกาศแบนเนอร์ │ ├── ui-shell.js # Navigation/modal/accessibility/theme toggle │ └── main.js # Bootstrap — ลำดับ init ตอนโหลดหน้า (โหลดตัวสุดท้าย) ├── 📄 style.css

โดย technicianofm-blip · ดูโพสต์ต้นทาง