วิ่งรอบเกาะรัตนโกสินทร์

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

https://anti-mall.vercel.app # วิ่งรอบเกาะรัตนโกสินทร์ — คู่มือ Maintainer เว็บแอพวิ่งเชิงท่องเที่ยววัฒนธรรม: **GPS tracking + เกมสะสมแต้ม + เกร็ดความรู้มรดก** วิ่งตามรอยวัด วัง ป้อม ในเมืองเก่ากรุงเทพฯ พร้อมเช็คอินสะสมแต้ม/แคลอรี่ > เอกสารนี้เขียนสำหรับ "คนที่ต้องมาดูแลโค้ดต่อ" — บอกว่าควร **เริ่มอ่านฟังก์ชันไหนก่อน** และระบบต่อกันยังไง > (มีฉบับ HTML เปิดในเบราว์เซอร์ที่ [`docs/maintainer-guide.html`](docs/maintainer-guide.html)) --- ## รันยังไง ```bash npm install npm run dev # http://localhost:3000 (Turbopack) npm run build # production build = ตรวจ type ทั้งโปรเจ็ค (ใช้แทน test) npm run start # รัน production npm run lint ``` **ต้องมีไฟล์ `.env.local`** (ไม่ขึ้น git) ใส่ ORS API key: ``` ORS_API_KEY=<key จาก openrouteservice.org/dev> ``` ไม่มี key ก็รันได้ — เส้นทางจะ fallback เป็นเส้นตรง (ไม่เกาะถนน) **Stack:** Next.js 16 (App Router) · React 19 · TypeScript 6 · Tailwind v4 (CSS-first, ไม่มีไฟล์ config) · react-leaflet 5 · zustand 5 --- ## ภาพรวมระบบ (data flow) ``` data/checkpoints.ts เลือกเส้นทาง กดเริ่มวิ่ง (พิกัด+แต้ม) ──┐ (Basic/Advance) │ │ │ ▼ data/routes.ts ───────┤ ▼ ┌──────────────┐ basic() derive path └──► run/[routeId]/page │ ลูป sim/gps │ │ snapToRoads() │ ป้อนพิกัด │ │ │ └──────┬───────┘ │ ▼ /api/route ▼

โดย dragonfore4 · ดูโพสต์ต้นทาง