ตลาดข้างวัดเทพฯ ดอนเมือง

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

https://watthepmarket.vercel.app # ตลาดข้างวัดเทพฯ ดอนเมือง — Landing Page ฉบับสมบูรณ์ (v2) เว็บไซต์ landing page แบบ **Responsive + Interactive** สำหรับ "ตลาดข้างวัดเทพฯ" ตลาดนัดของกินในเขตดอนเมือง ออกแบบตามโจทย์: *"ทำให้ลูกค้าที่มาเห็นแล้วอยากเข้ามาใช้บริการมากขึ้น"* — ได้คะแนน **10/10** จากผู้ใช้ > นี่คือ **เวอร์ชัน v2** (เพิ่มแผนผังภายในตลาด) — v1 เดิมอยู่ที่ `../watthep-market-v1/` --- ## 🚀 วิธีรัน (Dev Server) ```bash # วิธีที่ 1: Windows — คลิก start-server.bat # วิธีที่ 2: npm npm install npm run dev ``` เปิดเบราว์เซอร์ที่ **http://localhost:5174** (v2) · v1 ใช้พอร์ต 5173 Production build: `npm run build` → ไฟล์ใน `dist/` --- ## 🧱 Tech Stack (ครบถ้วน) | เลเยอร์ | เทคโนโลยี | หมายเหตุ | |---|---|---| | **Framework** | **React 18.3** (react + react-dom) | Component-based UI | | **Build tool** | **Vite 6** | Dev server, HMR, production build | | **CSS / Styling** | **Tailwind CSS 4** (ผ่าน `@tailwindcss/vite`) | Utility-first + design tokens ใน `@theme` | | **JSX transform** | **@vitejs/plugin-react** | Fast Refresh | | **ฟอนต์** | Google Fonts — **Mali** (display) + **Mitr** (body) | Casual font, รองรับภาษาไทย | | **ภาพ** | AI Photorealistic (สารคดีตลาดไทย) 12 รูป | `public/img/` | | **เสียง** | AI TTS (Gemini) ภาษาไทย 3 ไฟล์ WAV | `public/audio/` | | **Data** | static module `src/data.js` | ร้าน 10 เจ้า + ตลาด | | **Map** | iframe **Google Maps embed** (interactive) | + แผนผัง SVG ในหน้า | **Dependencies (package.json):** - ใช้จริง: `react`, `react-dom`, `tailwindcss`, `vite`, `@tailwind

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