PinTheBin: ตามหาถังขยะ
Software
15/08/2023 — 15/12/2023

PinTheBin: ตามหาถังขยะ

แพลตฟอร์มบริหารจัดการและระบุพิกัดถังขยะสาธารณะแบบรวมศูนย์ เพื่อส่งเสริมการจัดการขยะอย่างเป็นระบบผ่านเครือข่ายความร่วมมือของสมาชิกในชุมชน

RoleFrontend Developer
ContextUniversity
CollaboratorsI2eNamE
StackNext.js, Node.js, Express, MySQL, JWT, Tailwind CSS, Vercel

1. ที่มาและความตั้งใจ

โครงการ PinTheBin ถูกพัฒนาขึ้นเพื่อยกระดับการจัดการขยะในพื้นที่สาธารณะ โดยมีวัตถุประสงค์ในการสร้างฐานข้อมูลพิกัดถังขยะที่แม่นยำและเข้าถึงได้ง่าย แพลตฟอร์มนี้ทำหน้าที่เป็นตัวกลางในการเชื่อมโยงข้อมูลระหว่างผู้ใช้งานและผู้ดูแลพื้นที่ เพื่อแก้ไขปัญหาการทิ้งขยะไม่เป็นที่และการค้นหาจุดทิ้งขยะที่ยากลำบากในที่สาธารณะ

2. ระบบบริหารจัดการตำแหน่งพิกัด (Geo-Location Management)

โมดูลหลักสำหรับการแสดงผลและบันทึกพิกัดถังขยะบนแผนที่โต้ตอบได้ (Interactive Map) รองรับการระบุพิกัดด้วยละติจูดและลองจิจูดที่แม่นยำ โดยผู้ใช้สามารถคัดกรองประเภทถังขยะตามการคัดแยก (ขยะทั่วไป, ขยะรีไซเคิล, ขยะอันตราย และขยะเปียก) เพื่อความสะดวกในการใช้งานตามความต้องการ

image.png

3. ระบบจัดการเนื้อหาและสื่อประมวลผล (Content & Media Handling)

ฟังก์ชันสำหรับการเพิ่มและปรับปรุงข้อมูลถังขยะโดยสมาชิกในชุมชน (Crowdsourcing) ซึ่งรวมถึงระบบการอัปโหลดและจัดการรูปภาพสถานที่จริงผ่าน Multer Middleware เพื่อใช้เป็นหลักฐานยืนยันความถูกต้องของพิกัดและสภาพของถังขยะในปัจจุบัน

image.png

4. ระบบรายงานและแจ้งปัญหา (Reporting System)

กลไกการควบคุมคุณภาพข้อมูลผ่านระบบการแจ้งรายงาน (Reporting) ที่เปิดโอกาสให้ผู้ใช้สามารถแจ้งปัญหาความชำรุดของถังขยะ หรือรายงานข้อมูลพิกัดที่คลาดเคลื่อน โดยแบ่งหมวดหมู่การรายงานอย่างชัดเจนเพื่อให้ฝ่ายที่เกี่ยวข้องสามารถเข้าถึงและแก้ไขปัญหาได้อย่างรวดเร็ว

image.png

5. ระบบรักษาความปลอดภัยและสิทธิการเข้าถึง (User Authentication & Security)

การออกแบบโครงสร้างพื้นฐานด้านความปลอดภัยโดยใช้ JSON Web Token (JWT) สำหรับการยืนยันตัวตนและการควบคุมสิทธิการเข้าถึง API พร้อมกระบวนการเข้ารหัสรหัสผ่านด้วย Bcrypt Hashing เพื่อป้องกันการรั่วไหลของข้อมูลสมาชิกและการเข้าถึงข้อมูลโดยไม่ได้รับอนุญาต

image.png

6. ความปลอดภัยและประสิทธิภาพ (Technical Infrastructure)

แพลตฟอร์มถูกพัฒนาภายใต้ MENN Stack (MySQL, Express, Next.js, Node.js) โดยมุ่งเน้นที่ความเร็วในการตอบสนองและความเสถียรของฐานข้อมูลเชิงสัมพันธ์ (Relational Database) มีการทำสอบประสิทธิภาพผ่าน Postman และรองรับการประมวลผลบนสภาพแวดล้อม Cloud Deployment (ซึ่งอยู่บน Vercel) เพื่อให้สามารถรองรับปริมาณการใช้งานพร้อมกันจำนวนมากได้

ปล่อยแอปไว้แล้วที่ https://pinthebin.vercel.app (แต่หลังบ้านระเบิดไปแล้ว)

หรือไม่ก็ดูที่ Figma (ดีไซน์เหมือนกัน) https://www.figma.com/proto/f2s3216X8QMufOLoHEMDZT?node-id=0-1&t=zlg03tS6BsCNbKNy-6

Geo-Location SystemWaste ManagementCommunity PlatformFull-stack Web Application