Build your own AI Virtual Assistant With MERN STACK 🔥 | #4 Major Project
Get 20% OFF on Scrimba Pro with this link.
https://scrimba.com/fullstack-path-c0...
Get 10,000 free mins with AI Agent: https://bit.ly/4lNWKVR
Learn more about ZEGOCLOUD: https://bit.ly/4eOLE0E
ZEGOCLOUD SDK provides easy video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction.
This AI Assistant feels ALIVE — and you can build it too!
source code - https://rzp.io/rzp/D7qzpb3
Download Images- https://drive.google.com/drive/folder...
In this mind-blowing full-stack project, I’ll show you how to build your own JARVIS-style AI Virtual Assistant using the MERN Stack (MongoDB, Express, React, Node.js) and deploy it for FREE on Render!
It can:
Talk like a real assistant using Web Speech API
Think smart with Gemini AI
Remember users using JWT + bcrypt authentication
Look however you want with custom images (Cloudinary + Multer)
Be completely customized with your name, branding, and voice
TECH STACK: React | Node.js | Express | MongoDB | Gemini AI | Web Speech API | JWT | bcryptjs | Multer | Cloudinary | Render
FEATURES:
Voice input + output (talks like JARVIS)
Smart AI replies with Gemini
Login / Signup Auth System (JWT + bcryptjs)
Upload custom assistant image
Customize assistant name
Fully deployed & mobile responsive
LIKE this if you want your own AI assistant! SUBSCRIBE for more insane AI + MERN projects.
TIME STAMPS -
0:00 Intro
1:25 Overview of Project
7:33 Setting up MERN PROJECT
8:29 Setting up Backend
19:06 Let's Connect Mongodb
26:46 Creating User Model
31:44 Set up Authentication APIs
59:33 Setting up React Project
1:06:50 Creating SignUp & SignIn Page
1:53:38 Creating Authentication Middleware
2:06:51 Setting up Cloudinary & multer
2:24:29 Creating customize page
3:10:20 Creating Update Assistant APIs
3:36:14 Creating Home Page
3:50:27 Setting Up Gemini Api
4:43:21 Setting Up Speech Recognition
5:02:49 Setting Up speak function
5:30:00 Optimising Web Speech Api
5:43:48 Adding Gif and text response on home
6:16:07 improve code after error
6:28:00 Let's deploy our Virtual Assistant
#AI #JARVIS #MERNStack #VirtualAssistant #GeminiAI #ReactJS #NodeJS #VoiceAI #FullStackProject #WebSpeechAPI #OpenAI #AIProject #Cloudinary #RenderDeploy #JWTAuth
#AI #MERNStack #JARVIS #GeminiAI #VirtualAssistant #OpenAI #VoiceAssistant #TalkingAI #ReactJS #NodeJS #MongoDB #ExpressJS #FullStackDeveloper #WebSpeechAPI #SpeechRecognition #BuildWithAI #ArtificialIntelligence #TechProject #DevProject #RenderHosting #JWTAuth #bCrypt #Cloudinary #Multer #GeminiAPI #WebDevelopment #FullStackProject #CodeNewbie #ProgrammerLife #LearnToCode #CodingTutorial #AIProjects
---