• 

  home

• 

  features

• 

  workflow

• 

  AI Assistant

MockMate – Virtual Interview Coach

MockMate is a free, open-source, AI-powered virtual interview platform designed to help users prepare for job interviews through real-time voice interactions, intelligent feedback, and immersive 3D avatars.

🏆 Built for the Voice AI Challenge
This project was created as part of the Voice AI Challenge, focusing on integrating real-time speech recognition and conversational AI to build voice-first experiences.

🌟 Features

• 🎙️ Voice-Powered Interviews
  Conduct interviews using speech-to-text and natural AI voice responses. Supports US, UK, and Indian English accents.

• 🧠 24×7 AI Assistant Support
  A built-in virtual coach is available anytime to answer questions, provide tips, and guide users through interview practice sessions.

• 🗣️ ElevenLabs Voice AI (Optional)
  Optionally integrate ElevenLabs API for ultra-realistic voice output and improved user interaction.

• 🤖 AI-Powered Conversations
  Powered by Hugging Face and Microsoft DialoGPT — no API keys required. All data stays in-browser for privacy.

• 📈 Advanced Scoring & Accuracy
  Improved AI scoring with interview accuracy estimation using keyword detection and response quality metrics.

• 🧍‍♂️ 3D Animated Interviewers
  Realistic avatars created with Three.js, featuring smooth animations, gestures, lip-syncing, and personality-based themes.

• 📁 Resume Parsing Support
  Upload resumes (PDF) to auto-generate relevant interview questions using PDF.js.

• 🧩 Light & Dark Mode Support
  Fully responsive UI with theme switching between dark and light modes for optimal accessibility and comfort.

• 💾 Cloud Data Storage with Supabase
  Stores user progress, saved interviews, badges, and session logs securely in a real-time Postgres database powered by Supabase.

• 📊 Real-Time Feedback & Analytics
  Get performance scores, detailed improvement suggestions, interview transcripts, and downloadable PDF reports.

• 🏆 Gamification
  Includes streaks, badges, and progress tracking to keep users engaged and motivated.

• 🔐 Privacy First
  No tracking, no external storage required for basic use — works entirely in your browser unless Supabase is configured.

🧠 AI Insights

MockMate's AI capabilities are central to its function as a virtual interview coach. It provides dynamic, personalized interview simulations using:

• Hugging Face Inference API
• Microsoft DialoGPT
• ElevenLabs Voice AI (optional)
• Web Speech & Speech Synthesis APIs

MockMate maintains context, adapts questions, and even analyzes answers for feedback and improvement, while keeping user data private and secure.

🛠️ Tech Stack

🧑‍💻 Frontend

• React 18
• TypeScript
• Tailwind CSS
• Framer Motion
• Lucide React
• Light/Dark Mode with Tailwind's built-in dark theme

🧍‍♂️ 3D & Graphics

• Three.js
• React Three Fiber
• Drei

🧠 AI & Voice

• Hugging Face Inference API
• Microsoft DialoGPT
• Web Speech API
• Speech Synthesis API
• ElevenLabs Voice AI API
• PDF.js
• jsPDF

🗄️ Backend & Database

• Supabase (PostgreSQL + Auth + Realtime)

⚙️ Dev & Deployment

• Vite
• ESLint
• TypeScript ESLint
• Git
• ✅ Deployed on Netlify

🧩 Architecture Overview

Services

- HuggingFaceService    // AI conversations & response handling
- ElevenLabsService     // Optional voice output using ElevenLabs API
- SpeechService         // Native browser voice input/output
- PDFService            // Resume parsing and question generation
- StorageService        // Local/session storage
- SupabaseService       // User data, badges, analytics, and saved sessions
- ThemeService          // Dark/Light mode switching

Built With

• ai-powered
• css
• drei
• elevenlabsvoice
• eslint
• framermotion
• github
• html5
• microsoftdialogpt
• pdf.js
• postcss
• react
• speechsynthesisapi
• supabase
• tailwind-css
• tailwindcss
• three.js
• typescript
• vite
• web-speech-api
• webspeechapi