Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build and Deploy a Full Stack Interview Platform with a Real Time AI Voice Agent in Next.js

JavaScript Mastery via YouTube

Overview

Coursera Plus Monthly Sale: All Certificates & Courses 40% Off!
This comprehensive tutorial guides you through building a full-stack AI Mock Interview Platform with real-time voice capabilities using Next.js, Tailwind CSS, Vapi, Firebase, and other free tools. Learn to develop a practical project that enhances both your portfolio and interview skills. Follow along as the instructor demonstrates the complete development process, from initial setup to final deployment. Master essential concepts including authentication flows, Firebase integration, Google Gemini implementation, Vapi workflow configuration for AI voice interactions, interview generation, feedback mechanisms, and more. The tutorial includes a complete project walkthrough with practical exercises and access to supplementary resources like design files, repositories, and documentation to support your learning journey.

Syllabus

00:00:00 — Intro
00:02:05 — Demo
00:07:34 — Vapi Setup
00:09:21 — Project Setup
00:17:31 — Create Routes
00:21:48 — Auth Pages
00:52:05 — Home Page
01:20:00 — Firebase Setup
01:31:10 — Sign up & Sign In
01:58:08 — Interview Generation UI
02:11:17 — Google Gemini Setup
02:13:00 — Vapi Workflow Endpoint
02:30:15 — Vapi Workflow Assistant Creation
02:41:39 — Vapi Agent
02:57:00 — Show Generated Interviews
03:10:44 — Interview Session
03:29:57 — Create Feedback
03:46:09 — Feedback Page and Exercises

Taught by

JavaScript Mastery

Reviews

Start your review of Build and Deploy a Full Stack Interview Platform with a Real Time AI Voice Agent in Next.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.