Silent Interview Coach 🎯

Master Your Technical & HR Interviews with Real-Time AI Coaching
A privacy-first, highly aesthetic, client-side application built with React, TypeScript, and Tailwind CSS.

---

🌟 Overview

Silent Interview Coach is designed for high-stakes technical and behavioral interview preparation. It provides real-time, non-intrusive visual and auditory telemetry during live mock interviews—all processed 100% locally on your device.

• 🔒 100% On-Device Privacy: Audio waveforms and video frame keypoints are processed entirely in browser memory. No data is stored externally.
• 🎥 Live Video Session Recording: Built using native browser MediaRecorder APIs to record your entire interview session locally.
• 📊 Performance Score Dashboard: Generates comprehensive telemetry metrics, eye-alignment stability, WPM pace charts, and downloadable session recordings.

---

🚀 Key Features

1. Auth & Guest Onboarding (AuthPage.tsx)

• Floating glassmorphism authentication card with pill-style tab switching (Create account / Sign in).
• Instant guest access (Continue as guest) to start interviewing immediately.
• Explicit privacy disclaimers and low-latency local processing badges.

2. Live AI Interview Room (InterviewPage.tsx)

• Real-Time Webcam Feed & AI PIP: Displays candidate camera stream alongside a floating Picture-in-Picture visualizer for the AI interviewer.
• Dynamic Telemetry Engine: Monitors camera alignment, speaking pace (WPM), average pause duration, and speech clarity in real time.
• Silent Floating Nudges: Displays dark blurred floating pills (e.g., "• Reduce filler words", "• Great eye contact!") to guide candidate performance without interrupting speech.
• Native Video Recording: Captures interview video chunks using the browser's MediaRecorder API.

3. Performance Score Dashboard (ScorePage.tsx)

• Overall Readiness Radial Score: Displays overall candidate score (e.g., 88/100).
• 4-Card Telemetry Grid:
  • Eye Contact & Alignment (%)
  • Speaking Pace (WPM)
  • Filler Word Instances
  • Answer Clarity Score (/10)
• Speech Pacing Stability Graph: Built with Recharts to plot pace consistency across all interview questions.
• AI Coaching Feedback: Detailed breakdowns of Key Strengths and Areas for Improvement.
• Client-Side Video Download: Download your full recorded interview session (Silent_Interview_Session.webm) directly from browser memory.

---

🛠️ Tech Stack

• Framework: React 19 + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS (Custom Deep Violet Theme #0B0813, #1A1533, #8B5CF6)
• Icons: Lucide React
• Charts: Recharts
• Celebrations: Canvas Confetti

---

📁 Project Structure

silent-interview-coach/
├── src/
│   ├── components/
│   │   ├── AuthPage.tsx       # Page 1: Landing & Auth onboarding
│   │   ├── InterviewPage.tsx  # Page 2: Live AI interview room & MediaRecorder
│   │   └── ScorePage.tsx      # Page 3: Telemetry summary & video download
│   ├── types/
│   │   └── index.ts           # Central TypeScript interfaces & schemas
│   ├── App.tsx                # Single-page state router controller
│   ├── main.tsx               # Entry point
│   └── index.css              # Global styles & Tailwind directives
├── tailwind.config.js         # Theme color tokens
├── vite.config.ts             # Vite build configuration
└── package.json               # Project dependencies & scripts

---

💻 Getting Started

Prerequisites

• Node.js: v18+ or v20+
• npm or yarn

Installation

1. Navigate to the project directory:

   cd silent-interview-coach

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

   Open http://localhost:5173 in your browser.

4. Build for production:

   npm run build

---

🔒 Privacy & Security

Silent Interview Coach is designed from the ground up for total confidentiality:

• Media streams (navigator.mediaDevices.getUserMedia) remain local to the DOM <video> and MediaRecorder instances.
• Session video blobs are held strictly in RAM memory until exported or discarded upon restarting a session.

---

📜 License

MIT License © 2026 Silent Interview Coach.