78คะแนน
ไฟไหม้ทัวร์
รวบรวมทัวร์ไฟไหม้ไว้ในเว็บเดียว
แนะนำสถานที่ตามอารมณ์ ความชอบ และคำค้นหา
แนะนำสถานที่จากอารมณ์และความชอบ พร้อมค้นหาตามหมวดหมู่หรือคำค้นและแสดงแผนที่ผ่าน Google Maps ผู้ใช้ให้คะแนน เขียนความเห็น บันทึกรายการโปรด และย้อนดูประวัติสถานที่ได้ โดยมี Gemini ช่วยวิเคราะห์อารมณ์หรือค้นหา
Moodlocation website https://moodloca.vercel.app ## 📍 Mood Location (Frontend) ระบบหน้าบ้าน (Client-side) สำหรับเว็บแอปพลิเคชัน Mood Location ซึ่งเป็นแพลตฟอร์มแนะนำสถานที่ตามอารมณ์และความชอบของผู้ใช้ พัฒนาด้วย React และเน้นการออกแบบ UI/UX ที่ใช้งานง่ายและตอบสนองได้ดี (Responsive Design) ## 🛠 เครื่องมือและเทคโนโลยีที่ใช้ (Tech Stack & Libraries) โปรเจกต์นี้ใช้เครื่องมือและไลบรารีต่างๆ เพื่อให้ระบบทำงานได้อย่างสมบูรณ์ ดังนี้: ## สรุประบบ ฟีเจอร์หลัก ผู้ใช้สมัครสมาชิก, เข้าสู่ระบบ, ยืนยันอีเมล, ลืมรหัสผ่าน, ตั้งค่ารหัสผ่านใหม่ ระบบ role-based: user และ admin ค้นหาสถานที่ตามอารมณ์ (mood), หมวดหมู่, หรือคำค้นหา รีวิวและคะแนนสถานที่ รายการโปรด (favorites) และประวัติการดูสถานที่ (history) ระบบแชทเรียลไทม์ (Socket.IO) สำหรับผู้ใช้และแอดมิน การอัปโหลดรูปภาพและจัดเก็บไฟล์ด้วย Supabase การใช้งาน Google Maps API เพื่อค้นหาสถานที่และแสดงข้อมูลแผนที่ การวิเคราะห์อารมณ์หรือ AI search ด้วย Google Gemini React (พัฒนาบนโครงสร้าง Vite): * เป็นไลบรารีหลักสำหรับสร้าง User Interface (UI) โดยแบ่งหน้าจอเป็นชิ้นส่วนเล็กๆ (Components) เพื่อให้โค้ดเป็นระเบียบและนำกลับมาใช้ซ้ำได้ ส่วน Vite คือเครื่องมือที่ช่วยให้การรันโปรเจกต์และ Build โค้ดทำงานได้รวดเร็วมาก React Router DOM: * ตัวจัดการระบบ "เส้นทาง (Routing)" ในเว็บ ทำให้ผู้ใช้สามารถเปลี่ยนหน้าเว็บได้ (เช่น จากหน้าหลัก ไปหน้ารายละเอียดสถานที่ หรือหน้าติดต่อเรา) โดยที่หน้าเว็บไม่ต้องโหลดใหม่ (Single Page Application) Tailwind CSS: * เฟรมเวิร์กสำหรับเขียน CSS แบบ Utility-first ช่วยให้เราตกแต่งหน้าตาเว็บได้จากการพิมพ์ Class Name ลงไปใน HTML โดยตรง (เช่น flex, text-center, bg-white) ทำให้จัดหน้า
โดย Chitikub · ดูโพสต์ต้นทาง
ต้องเข้าสู่ระบบก่อนถึงให้คะแนนได้ เข้าสู่ระบบหรือสมัครฟรี
78คะแนน
รวบรวมทัวร์ไฟไหม้ไว้ในเว็บเดียว
70คะแนน
จดและแบ่งค่าใช้จ่ายร่วมกันระหว่างเดินทาง
70คะแนน
ติดตามและแบ่งค่าใช้จ่ายระหว่างการเดินทาง
69คะแนน
วางแผนทริปและสรุปค่าใช้จ่ายระหว่างเพื่อน
65คะแนน
ช่วยจัดการทริปเที่ยวกับเพื่อนที่มักวางแผนไม่สำเร็จ
62คะแนน
ช่วยวางแผนการซื้อสินค้าและดูงบระหว่างเที่ยวญี่ปุ่น
แนะนำสถานที่จากอารมณ์และความชอบ พร้อมค้นหาตามหมวดหมู่หรือคำค้นและแสดงแผนที่ผ่าน Google Maps ผู้ใช้ให้คะแนน เขียนความเห็น บันทึกรายการโปรด และย้อนดูประวัติสถานที่ได้ โดยมี Gemini ช่วยวิเคราะห์อารมณ์หรือค้นหา
Chitikub เป็นผู้สร้าง Mood Location ผลงานหมวดท่องเที่ยวและการเดินทาง เว็บแอปเทพให้เครดิตเจ้าของผลงานและมีลิงก์กลับไปยังต้นทางทุกรายการ
ตรวจล่าสุดเมื่อ 27 ก.ย. 2569 เปิดไม่ขึ้น รายการนี้จึงถูกลดคะแนนอัตโนมัติ
คะแนนเต็ม 100 คิดจาก 4 ส่วน คือ เว็บยังเปิดใช้งานได้จริง 40 คะแนน (ลิงก์ตายเหลือ 5) คุณภาพเว็บจากการสแกนอัตโนมัติสูงสุด 20 คะแนน (ใช้บนมือถือได้ 5 โหลดเร็วสูงสุด 7 มีคำอธิบายเว็บ 4 มีภาษาไทย 4 รวมคะแนนบรรณาธิการ) ความนิยมในชุมชนต้นทางสูงสุด 20 คะแนน คิดแบบลดหลั่นตามจำนวน reactions และคะแนนดาวจากสมาชิกเว็บสูงสุด 20 คะแนน (ดาวเฉลี่ยคูณ 4)
เป็นเจ้าของผลงานนี้และอยากแก้ข้อมูลหรือนำออก แจ้งเราได้ที่นี่