Full Stack AI App: Build a Real-Time Voice Agent Interview Platform

JavaScript Mastery

JavaScript Mastery

1,228,360 views

Build Your Own AI Mock Interview System (Next.js, Tailwind, Vapi, Firebase)—no fluff, just real-world skills. Let’s level up your portfolio and your interview game!

Vapi: https://jsm.dev/interviews-vapi
WebStorm: https://jsm.dev/interviews-webstorm

━━━━━━━━━━━━━━━━━━━━
IMPORTANT NOTE
Vapi continues to work on their Workflows feature, and they've recently updated how it's handled through the Web SDK. You no longer need to create an Assistant and attach a Workflow to it in the dashboard — now you can build and manage Workflows directly within your app. We've shared the updated implementation on our Learning Platform — you can check it out for free https://jsmastery.com/module/full-sta...
━━━━━━━━━━━━━━━━━━━━

🎁 Video Kit (Codebase, and more): https://jsm.dev/interviews-video-kit
📘 Tailwind Crash Course: https://jsm.dev/interviews-tailwind

⭐ Join JS Mastery Pro: https://jsm.dev/interviews-jsmasterypro
💎 Next.js Pro Course: https://jsm.dev/interviews-yt-nextjs

Discord: discord Twitter: jsmasterypro Instagram: javascriptmastery LinkedIn: javascriptmastery

Business Inquiries: contact@jsmastery.pro

Time Stamps:
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