StrayPetMap — แผนที่สัตว์ไร้บ้าน (หมา/แมวจร)

แพลตฟอร์มช่วยสัตว์จรมีบ้าน — ปักหมุดบนแผนที่ MapLibre, ค้นหา 'ใกล้ฉัน', แชท, บริจาค Stripe. โค้ดจริงทั้งชุด

เว็บแพลตฟอร์มช่วยเหลือสัตว์ไร้บ้าน (หมาจร/แมวจร) ให้ได้มีบ้าน — ปักหมุดตำแหน่งสัตว์ลงบนแผนที่ interactive (MapLibre GL), โพสต์แบบหลายขั้นตอน (ตามหาน้อง/น้องหาบ้าน/แมวจร), ค้นหา 'ใกล้ฉัน' เรียงตามระยะทางจริง (Haversine), ส่งคำขอรับเลี้ยง, บันทึกรายการโปรด, พูดคุยผ่านระบบแชท (keyset/cursor pagination), บริจาคเงินผ่าน Stripe (บัตร + PromptPay) พร้อม leaderboard, ระบบเหรียญตรา (badges/gamification), activity feed (materialized view), แจ้งเตือนแอดมินผ่าน LINE และ Facebook scraper — หลังบ้าน (admin dashboard) เต็มรูปแบบ วางโครงแบบ Clean/Hexagonal Architecture (domain/application/infrastructure/presentation) production จริง ~64,000 บรรทัด บน Supabase (Postgres + Auth + Storage) — clone แล้วต่อยอดเป็นแพลตฟอร์ม community ของพี่เองได้เลย

สิ่งที่พี่จะได้สร้าง

• แผนที่ interactive (MapLibre GL + react-map-gl) ปักหมุดสัตว์ไร้บ้าน + cluster + filter ตามชนิด/จังหวัด
• ค้นหา 'ใกล้ฉัน' เรียงตามระยะทางจริงด้วย Haversine — คำนวณ + sort ฝั่ง repository
• โพสต์แบบหลายขั้นตอน (ตามหาน้อง/น้องหาบ้าน/แมวจร) + อัปโหลดรูป crop + compress ขึ้น Supabase Storage
• ระบบแชทพร้อม keyset/cursor pagination (opaque base64url cursor + Postgres row-value comparison) — เร็วคงที่ทุกหน้า
• บริจาคเงินผ่าน Stripe (บัตรเครดิต + PromptPay) + webhook verify + donor leaderboard + badges/gamification
• Activity feed ด้วย Postgres materialized view + แจ้งเตือนแอดมินผ่าน LINE Messaging API
• Admin dashboard เต็มรูปแบบ (users/roles/posts/reports/analytics/settings) + role-based AdminGuard
• Clean/Hexagonal Architecture 4 เลเยอร์ + Presenter pattern + Supabase (Postgres + Auth + Storage) + zod + React Query

โครงสร้างโปรเจค

ดูโค้ดตัวอย่างได้เลย — ไฟล์ที่มี 🔒 จะปลดล็อกเมื่อซื้อ

รีวิวจากผู้ซื้อ