หลงทาง (Longtang)

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

หลงทาง - AI Agent แปลงรหัสห้องเรียนตึกICT UP เป็นวิธีเดินทาง Step-by-Step https://longtang-i1x.pages.dev # 🧭 หลงทาง (Longtang) **AI Agent แปลงรหัสห้องเรียนตึกICT UP เป็นวิธีเดินทาง Step-by-Step ถึงหน้าห้องใน 3 วินาที** เว็บแอปสำหรับนิสิตมหาวิทยาลัยพะเยา — แค่พิมพ์รหัสห้อง (เช่น ICT1107) ก็รู้ทันทีว่ารถเมล์สายไหนผ่าน ลงป้ายไหน ขึ้นบันไดฝั่งไหน และมีจุดสังเกตอะไรบ้าง --- ## 🚀 Demo เร็ว | URL | | |-----|---| | **เว็บ**: | https://longtang-i1x.pages.dev | | **GitHub**: | https://github.com/Thepmakecodthai/longtang | | **ลองพิมพ์**: | `ICT1107`, `ICT1402`, `ICT1203` | --- ## 📋 ฟีเจอร์หลัก (MVP) - [x] **🔍 ค้นหารหัสห้อง** — พิมพ์รหัสห้องย่อ (เช่น ICT1107) → แสดงเส้นทางทันที - [x] **🚌 บอกสายรถเมล์ มพ.** — สายรถเมล์ที่ผ่านอาคาร ICT + ป้ายที่ต้องลง - [x] **🚶 Step-by-Step** — ทางเข้า → บันได/ลิฟต์ฝั่งไหน → จุดสังเกต → หน้าห้อง - [x] **⏱️ ประมาณเวลาเดินทาง** — จากป้ายรถเมล์ + จากล็อบบี้ตึก - [x] **📍 จุดสังเกต (Text Landmark)** — ลิฟต์ บันได ห้องน้ำ จุดสังเกตใกล้ห้อง - [x] **🔄 Manual Override** — เลือกตึก/ชั้น/ห้องเองผ่าน Dropdown (กัน AI Hallucination) - [x] **🖼️ แผนที่ 2D โต้ตอบ** — ผังตึก ICT ทุกชั้น (1-4) คลิกดูห้อง + รายละเอียด - [x] **📋 ประวัติค้นหา** — จำรายการค้นหาล่าสุด (localStorage) - [x] **⚠️ แจ้งเส้นทางผิด** — Crowdsourced Reporting - [x] **🔗 แชร์เส้นทาง** — ส่งลิงก์ให้เพื่อน --- ## 🛠️ Tech Stack | ชั้น | เทคโนโลยี | |------|-----------| | **Frontend** | Vue 3 + Vite + TypeScript | | **Styling** | Tailwind CSS v4 | | **State** | Pinia | | **Routing** | Vue Router | | **Mapping** | Leaflet.js (แผนที่ 2D โต้ตอบ) | | **Deploy** | Cloudflare Pages (Static) |

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