SignMate

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

SignMate: แอปพลิเคชันประมวลผลภาษามือโดยใช้โครงข่ายประสาทเทียม (Deep Learning) และเทคนิคการติดตามจุดบนมือ (Hand Landmarks) เพื่อแปลความหมายและสื่อสารออกมาในรูปแบบประโยคที่เข้าใจง่าย รองรับการทำงานทั้งบน Web และ Mobile https://signmate-cbe60.web.app/ # SignMate **เว็บไซต์**: [https://signmate-cbe60.web.app/](https://signmate-cbe60.web.app/) แอปพลิเคชันสำหรับเรียนรู้และฝึกฝนภาษามือผ่านเกมแบบอินเทอร์แอกทีฟ โดยใช้การเปิดกล้องเว็บแคมเพื่อจับภาพและวิเคราะห์ท่าทางภาษามือแบบเรียลไทม์ ผู้ใช้จะได้รับความสนุกสนานควบคู่ไปกับการเรียนรู้ผ่านมินิเกมต่างๆ ## 🌟 ฟีเจอร์หลัก (Features) - **AI Sign Recognition**: ระบบตรวจจับภาษามือผ่านกล้องหน้าโดยใช้โมเดล Deep Learning (Keras) ประมวลผลแบบเรียลไทม์ - **Interactive Mini-Games**: สนุกไปกับเกมที่ช่วยฝึกฝนภาษามือ - *Sign Defender* - *Match & Sign* - *Sign Master Memory* - *Sign Defender Page* - **User Authentication**: ระบบสมัครสมาชิกและเข้าสู่ระบบ (Firebase Auth) - **Profile & Leaderboard**: ระบบจัดการโปรไฟล์ส่วนตัวและการจัดอันดับผู้เล่นเพื่อความท้าทาย ## 💻 Tech Stack ที่ใช้ **Frontend:** - **React.js** + **TypeScript** - **Vite** (Build Tool) - **Tailwind CSS** + **shadcn/ui** (UI Framework) - **React Router Dom** (Routing) - **React Webcam** (สำหรับเปิดกล้อง) **Backend & ML:** - **Firebase** (Hosting, Authentication, Firestore / Realtime Database) - **Python** (Cloud Functions / Model API) - **Keras** (Machine Learning Model - `final_model.keras`) --- ## 🚀 การติดตั้งและใช้งานโปรเจกต์ (Local Development) ### ข้อกำหนดเบื้องต้น (Prerequisites) - [Node.js](https://nodejs.org/) แนะนำเวอร์ชัน v20.19.0 - [Python 3.x](https://www.python.org/) สำหรับรันส่วนของ Backend/Model (ถ้าต้องการ) แนะนำเวอร์ชัน Python 3.11.9 ### 1. การตั้งค่า Environment Variables (.env) โปรเจกต์นี้จำเป็น

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