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

Video Description

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! ⭐ Join JS Mastery Pro: https://jsm.dev/interviews-jsmasterypro 💎 Become a Top 1% Next.js Developer: https://jsm.dev/interviews-yt-nextjs 📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/interviews-video-kit 📘 Tailwind Crash Course: https://jsm.dev/interviews-tailwind Vapi: https://jsm.dev/interviews-vapi WebStorm: https://jsm.dev/interviews-webstorm 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-stack-interview-platform-w-real-time-ai-voice-agent-in-next-js/vapi-workflow-assistant-creation- Rate us on TrustPilot: https://jsm.dev/trustpilot https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery/ Business Inquiries: [email protected] 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