EasyTalk

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

An AI English Tutor that integrates real-time voice conversation with an intelligent assistant system, developed using a Next.js App. https://easytalk-nine.vercel.app EasyTalk ======================= Live Demo: [easytalk-nine.vercel.app](https://easytalk-nine.vercel.app) AI ติวเตอร์ภาษาอังกฤษที่ผสานการคุยเสียงแบบเรียลไทม์กับระบบผู้ช่วยอัจฉริยะ พัฒนาโดย Next.js App Router พร้อมระบบยืนยันตัวตนด้วย Clerk, จัดการผู้ใช้และเครดิตด้วย Drizzle + Neon และมี UI ที่ออกแบบให้ใช้งานง่ายสำหรับการฝึกพูดภาษาอังกฤษ คุณสมบัติหลัก - คุยเสียงกับ AI ผ่าน Vapi พร้อม transcript สดและบันทึกบทสนทนาในหน้าต่างแชท ([components/Mainspace.tsx](components/Mainspace.tsx)). - ยืนยันตัวตน/จัดการผู้ใช้ด้วย Clerk, ปกป้องเพจและ API ผ่าน middleware ([middleware.ts](middleware.ts)). - สร้างโปรไฟล์ผู้ใช้และเครดิตเริ่มต้นทันทีที่ล็อกอิน ผ่าน API [app/api/users/route.tsx](app/api/users/route.tsx) และ context ผู้ใช้ ([app/provider.tsx](app/provider.tsx), [context/UserDetailContext.tsx](context/UserDetailContext.tsx)). - ส่วนต้อนรับและการนำทางสวยงามด้วย Hero + Navbar ([components/Hero.tsx](components/Hero.tsx), [components/Navbar.tsx](components/Navbar.tsx)) และ Toast แจ้งเตือน ([components/ui/sonner.tsx](components/ui/sonner.tsx)). เทคโนโลยีที่ใช้ - Next.js 16 (App Router), React 19, TypeScript - Clerk สำหรับ Authentication/Authorization - Vapi สำหรับ Voice AI agent (ระบุ agent config ใน `StartCall` ที่ [components/Mainspace.tsx](components/Mainspace.tsx)) - Drizzle ORM + Neon (PostgreSQL serverless) จัดการข้อมูลผู้ใช้ ([config/db.tsx](config/db.tsx), [config/schema.tsx](config/schema.tsx)) - OpenRouter/OpenAI SDK เตรียมไว้เรียกโมเดล ([config/openaimodel.tsx](config/openaimodel

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