รายละเอียดระบบ

ระบบ “ธนาคารขยะ” ♻️💚
สายโรงเรียน / ชุมชน / องค์กร ห้ามพลาดเลยค่ะ!
📌 ทำสำเนาได้ที่คอมเมนต์ด้านล่าง
❗ ไม่อนุญาตให้นำไปจำหน่ายนะคะ
วันนี้ขอสรุปภาพรวมการทำงานของระบบให้เข้าใจง่ายๆ กันค่ะ 👇
💻 ระบบนี้ถูกพัฒนาเป็น “เว็บแอปหน้าเดียว (SPA)”
ทำงานร่วมกับ Google Apps Script (ฝั่งเซิร์ฟเวอร์) และ Google Sheets (ฐานข้อมูล) ใช้งานง่าย ไม่ต้องมีโฮส!
---
🔹 1. ส่วนแสดงผล (Frontend & UI)
✨ ออกแบบด้วย Tailwind CSS รองรับทั้งมือถือและคอม ใช้งานลื่นไหล
🔔 ใช้ SweetAlert2 แสดง Pop-up แจ้งเตือน สวยงาม เข้าใจง่าย
🔄 เปลี่ยนหน้าแบบไม่ต้องรีโหลด (Dashboard / สมาชิก / ฝากขยะ)
---
🔹 2. ฟังก์ชันหลักของระบบ
📊 Dashboard
- สรุปจำนวนสมาชิก
- รวมยอดเงินสะสมทั้งหมดในระบบ
👥 จัดการสมาชิก
- สมัครสมาชิกใหม่ (ชื่อ + เบอร์โทร)
- แสดงข้อมูลสมาชิกทั้งหมด พร้อมยอดเงิน
♻️ รับฝากขยะ
- เลือกสมาชิก + ประเภทขยะ (มีราคากำหนด)
- ใส่น้ำหนัก → ระบบคำนวณเงินให้อัตโนมัติ 💰
- บันทึกข้อมูล + อัปเดตยอดเงินแบบทันที
---
🔹 3. การเชื่อมต่อข้อมูล
🔗 ใช้ Google Apps Script เชื่อมกับ Google Sheets แบบเรียลไทม์
🧪 มีโหมดทดสอบ (Mock Mode)
- เปิดไฟล์ผ่าน Browser ก็ลองใช้งานได้ทันที
- เหมาะสำหรับฝึก/ทดลองก่อนใช้งานจริง
---
💡 เหมาะสำหรับ:
🏫 โรงเรียน (โครงการธนาคารขยะ)
🏘️ ชุมชน
🏢 องค์กรที่อยากเริ่มระบบจัดการขยะอย่างเป็นระบบ
📥 โหลดไปใช้งาน / ต่อยอดได้เลยค่ะ
💬 ถ้ามีเวลาจะทำเวอร์ชันอัปเกรดมาแจกอีกนะคะ