Nan Connect

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

https://nan-connect.vercel.app # Nan Connect — Mock-up Web แพลตฟอร์ม AI ยกระดับการท่องเที่ยวจังหวัดน่าน — *One Scan, Endless Journeys* ตัว mock-up นี้สร้างจากไฟล์นำเสนอโครงการ Nan Connect และข้อมูลจริงของจังหวัดน่าน ## ส่วนประกอบ **A. เว็บนักท่องเที่ยว (AI Hub) — mobile-first** - `/` หน้าแรก/สำรวจ · ค้นหา · หมวดหมู่ · ตัวกรองงานคราฟ · สถานที่แนะนำ - `/s/[qrId]` หน้าจำลองหลังสแกน QR (ลองที่ `/s/42`) - `/chat` มัคคุเทศก์ AI (คำตอบจำลอง — rule-based ใน `src/lib/mockAI.ts`) - `/plan` Smart Recommendation — เส้นทางท่องเที่ยว 1 วัน - `/map` แผนที่หมุดสถานที่ทั่ว 15 อำเภอ - `/place/[id]` รายละเอียดสถานที่ จัดตาม content model 5 หมวด (About & Culture / Experiences / Shopping / Visit & Services / News & Events) - `/category/[type]`, `/biz/[id]` รายการและรายละเอียดผู้ประกอบการ **C. Dashboard ข้อมูลเชิงลึก (Big Data)** - `/dashboard` ภาพรวม KPI - `/dashboard/heatmap` ความหนาแน่นการสแกนรายอำเภอ - `/dashboard/intent` วิเคราะห์ความสนใจ (โดนัทชาร์ต) - `/dashboard/feedback` เสียงตอบรับและเรตติ้ง ## เทคโนโลยี - Next.js 16 (App Router) · React 19 · TypeScript - Tailwind CSS v4 — ธีมแม่สีจากเดค: กรมท่า `#1B2A4A` · ทอง `#C9A227` · ครีม `#F5F1E6` - Recharts (โดนัทชาร์ต) · Tabler Icons (webfont) - รองรับ 8 ภาษา (ไทย/อังกฤษ/จีน/ญี่ปุ่น/ลาว/อินโด/เวียดนาม/พม่า) — `src/i18n/` - ข้อมูลทั้งหมดเป็น static JSON ใน `src/data/` - มี serverless route เดียว `/api/chat` (ต่อ OpenRouter) — นอกนั้นเป็น static > AI: ถ้าไม่ตั้ง `OPENROUTER_API_KEY` จะใช้ **คำตอบจำลอง (mock)**; ถ้าตั้ง key จะต่อโมเดลจริงบน OpenRouter (ดูหัวข้อ AI ด้านล่าง

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