In this video, I’ll show you how to build and deploy an AI-powered voice agent for educational purposes using Next.js, React, Tailwind CSS, Convex, and AssemblyAI. This AI voice assistant can help students with interactive learning, answering queries, and more! 🤖📚
Use AssemblyAI for the most accurate real-time speech recognition and get $50 in free API credit:
https://www.assemblyai.com/?utm_sourc...
📜 AssemblyAI Docs: https://www.assemblyai.com
📦 Convex Docs: https://convex.link/tubeguruji
🔗 Doc: https://dcmk.short.gy/ai-voice-agent-doc
🔥 Tubeguruji Pro: Tubeguruji.com
🔹 What You’ll Learn:
✅ Setting up a Next.js project with Convex for real-time data handling
✅ Integrating AssemblyAI for speech-to-text and AI-driven responses
✅ Styling with Tailwind CSS for a modern UI
✅ Deploying the AI Voice Agent for production
🔥 Tech Stack Used:
🔹 Next.js - Full-stack React framework
🔹 React - For building interactive UI
🔹 Tailwind CSS - Utility-first styling
🔹 Convex - Backend and real-time data handling
🔹 Assembly AI - Speech recognition & AI-powered voice processing
📌 Perfect for: Developers, AI enthusiasts, and educators looking to integrate AI into learning! 🚀
🔗 Resources & Links:
🌐 Live Demo: https://ai-coaching-voice-agent.verce...
🔗 Free Sources: https://dcmk.short.gy/ai-assiatant-re...
💻 Source Code: https://dcmk.short.gy/ai-coaching-voi...
💻 Free Assets: https://dcmk.short.gy/ai-voice-agent-...
🚀 Members Only Source Code : https://www.tubeguruji.com/course-pre...
📢 Stay Connected:
💻 Join our Discord Community - / discord
🖼️ Follow us on Instagram: / tubeguruji
💼 Business Inquiries: admin@tubeguruji.com
📸 Instagram: @YourHandle
👉 Don’t forget to Like 👍, Subscribe 🔔, and Share! Let me know in the comments if you have any questions! 💬
CHAPTER
00:00:00 Introduction
00:08:46 Create NextJs App
00:18:03 Authentication
00:26:30 Backend Setup (Convex DB)
00:40:08 Save User Info
00:53:16 Dashboard Layout
01:18:59 AI Input Dialog
01:43:47 Application Workflow
01:46:20 Discussion Room (UI)
02:07:21 Enable Microphone
02:13:57 Streaming Speech To Text
02:33:26 Setup AI Model
02:49:04 Chatbox Display
03:00:39 Text to Audio
03:16:32 Save Conversation
03:20:28 Generate Feedback/Notes
03:35:38 Quick Fix
03:38:47 Display History on Dashboard
03:57:24 View Feedback/Notes
04:12:44 Update User Tokens
04:20:20 User Profile/Token Usage
04:37:48 Enable Webcam (Bonus)
04:40:02 Deploy App