import Image from 'next/image'

🎤 AI Mock Interviewer for Smarter Placement Prep

🚀 Originally shared on X by Aniruddh Nagare

Just in time for the placement season, I built an AI-powered mock interviewer using Vapi (Voice AI) and Firebase Firestore. This tool simulates real interview scenarios by talking, listening, and giving feedback — just like a real interviewer, but on-demand. 🧠💻

🧩 Key Features

• 🎙️ Voice-based Interview Simulation using Vapi
• 🛠️ Realtime Data Storage using Firebase Firestore
• 🧠 AI-generated questions & responses
• 📈 Feedback mechanism to improve user performance
• 💡 Built with simplicity and functionality in mind — no fluff

📸 Screenshot

🛠️ Tech Stack

• Frontend: React + Tailwind CSS
• Voice AI: Vapi
• Database: Firebase Firestore
• Realtime Feedback: AI + simple scoring heuristics

📚 Implementation Guide (Simplified)

1. 🔌 Set up Firebase Firestore

npm install firebase

firebase.ts

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";
 
const firebaseConfig = {
  apiKey: "your-api-key",
  authDomain: "your-app.firebaseapp.com",
  projectId: "your-project-id",
};
 
const app = initializeApp(firebaseConfig);
export const db = getFirestore(app);

2. 🧠 Connect Vapi to React

npm install vapi-sdk

useInterview.ts

import { Vapi } from 'vapi-sdk';
 
const vapi = new Vapi("your-vapi-key");
 
export const startInterview = (onResult) => {
  vapi.ask({ prompt: "Start mock interview" }, onResult);
};

3. 🎧 UI Logic to Display Feedback

import { useState } from 'react';
import { startInterview } from './useInterview';
 
export default function Interviewer() {
  const [feedback, setFeedback] = useState("");
 
  const handleInterview = () => {
    startInterview((result) => {
      setFeedback(result.text);
    });
  };
 
  return (
    <div className="p-4">
      <button onClick={handleInterview} className="btn">Start Interview</button>
      <p className="mt-4">Feedback: {feedback}</p>
    </div>
  );
}

🌐 Broader Context

This AI mock interviewer is part of a broader trend — tools like Interviews by AI, Pramp, and Interview Warmup — all aim to:

• Reduce anxiety through practice
• Provide instant feedback
• Help job-seekers prepare in realistic scenarios

In today's competitive and post-recession job market, AI-driven preparation can offer a strategic edge.

🧠 Final Thoughts

Nerdy prep, smarter grind. 💻🧠

Whether you're preparing for campus placements or brushing up for a role switch — having an on-demand mock interviewer that listens and gives feedback is a game changer.

📬 DM me on X if you want help building your own version!