เว็บแอปอัลบั้มรูป (Photo Album) ที่ทำงานร่วมกับ Google Apps Script (GAS) ฝั่งเซิร์ฟเวอร์ โดยมีโครงสร้างดังนี้:
- Frontend (HTML, CSS, JS): ใช้ Tailwind CSS, Font Awesome, และ Lucide Icons สร้าง UI สวยงาม, responsive และ interactive
- Backend (GAS): มีฟังก์ชัน
getInitialData()และgetImagesInAlbum()เพื่อดึงข้อมูลอัลบั้มและรูปภาพจาก Google Drive มาส่งกลับให้ฝั่งเว็บ ฟีเจอร์หลัก:
- แสดง Dashboard (จำนวนอัลบั้ม, จำนวนภาพ, พื้นที่รวม)
- แสดง รายการอัลบั้ม แบบ grid + pagination
- คลิกที่อัลบั้ม → เข้าหน้า รูปภาพ
- คลิกที่รูป → เปิด Modal Viewer พร้อมปุ่ม ดาวน์โหลด
- รองรับ ปุ่มลูกศร/ESC เพื่อเลื่อนรูปหรือปิด modal
- มี Loading screen, Error message, Cache client-side