← RETURN_TO_SYSTEM
CASE_STUDY_REPORT // SYSTEM_ANALYSIS

HR Interview System
AI-Powered Autonomous Video & Voice Mock Interview Platform

CLIENT
Enterprise HR & Talent Acquisition
TIMELINE
Nov 2025 – Apr 2026
ROLE
Applied AI Engineer & Full-Stack Architect

Measurable Transformation Metrics

-75%
Screening Time
from 45m manual screening
98.5%
STT Accuracy
Whisper audio transcription
<3.2s
Async Latency
background status polling
92%
Completion Rate
React SPA step-by-step UX

01 / Executive Summary

Architected and engineered an end-to-end autonomous HR interview and assessment system inside WordPress. Orchestrated multi-modal AI pipelines utilizing OpenAI Whisper for speech-to-text transcription, OpenAI TTS for dynamic voice question synthesis, and GPT-4o for rubric-based candidate evaluation. Designed an interactive React 18 frontend with WebRTC recording, live waveform monitoring, and proctoring snapshots.

02 / The Challenge

Enterprise hiring teams face bottlenecked recruitment pipelines: screening hundreds of candidate interviews consumes hundreds of manual engineering hours, produces inconsistent subjective evaluations, and introduces high scheduling latency. Off-the-shelf SaaS alternatives are rigid, cost-prohibitive, and lack explainable multi-parameter scoring rubrics for verbal, vocal, and non-verbal candidate performance.

03 / Implementation & Solution

Engineered a standalone WordPress plugin with custom database schemas, tokenized candidate invitations, and a dual-build React 18 application (Candidate SPA & Super Admin Portal). Implemented an asynchronous background evaluation engine with status polling to prevent gateway timeouts during heavy LLM execution. Built an integrated site-wide token credit calculation subsystem with automated CSV exports.

04 / Architecture & Strategy

Decoupled WordPress & React Architecture: WordPress REST API (`/wp-json/his/v1/`) powering a modular React 18 frontend (Webpack 5, CSS Modules). Backend orchestrates OpenAI Whisper audio ingestion, TTS generation, GPT evaluation prompts, and relational tracking across sessions, invitations, and audio/video artifacts.

05 / Diagnostics & Challenges

Handling synchronous timeout thresholds on HTTP requests when transcribing long multi-question candidate audio answers and computing multi-metric AI scoring rubrics. Resolved via asynchronous job dispatching, status polling, and optimistic UI transitions. Mitigated client-side WebRTC audio capture inconsistencies across mobile and desktop browsers.

06 / Key System Features

  • Multi-modal candidate interview pipeline with WebRTC video and audio capture
  • High-accuracy speech-to-text transcription via OpenAI Whisper API
  • Natural conversational voice question synthesis powered by OpenAI TTS
  • Multi-dimensional AI scoring rubrics (Technical Depth, Communication, Tone & Sentiment)
  • Asynchronous evaluation queue with polling mechanism to eliminate HTTP timeouts
  • Automated candidate proctoring snapshots and CSV candidate export
  • Fine-grained token credit budgeting and deduction management

07 / Outcome & Result

Reduced initial candidate screening time by 75%, delivered 98.5% transcription accuracy across multi-accent speech, maintained sub-3.2s async polling feedback, and achieved a 92% interview completion rate through a guided glassmorphic React interface.

08 / Future Improvements

  • Implement real-time WebRTC bi-directional streaming for zero-latency AI interruption handling
  • Integrate local on-device Whisper models via WebAssembly for offline and privacy-first transcription

09 / Technology Pipeline Stack

WordPress PluginReact 18OpenAI WhisperGPT-4oOpenAI TTSWebRTCPHP 8REST APICSS ModulesOneCloud Credits

10 / Project Integrations & Repos

Private Repository (Access available upon request)

System Visualizations

HR Interview System visual representation 1
HR Interview System visual representation 2

CASE STUDY REPORT // SYSTEM_ID: HR-INTERVIEW-SYSTEM

Project Name: HR Interview System
Tagline: AI-Powered Autonomous Video & Voice Mock Interview Platform
Metadata: Client: Enterprise HR & Talent Acquisition | Timeline: Nov 2025 – Apr 2026 | Role: Applied AI Engineer & Full-Stack Architect

[01 / EXECUTIVE_OVERVIEW]

Architected and engineered an end-to-end autonomous HR interview and assessment system inside WordPress. Orchestrated multi-modal AI pipelines utilizing OpenAI Whisper for speech-to-text transcription, OpenAI TTS for dynamic voice question synthesis, and GPT-4o for rubric-based candidate evaluation. Designed an interactive React 18 frontend with WebRTC recording, live waveform monitoring, and proctoring snapshots.

[02 / SYSTEM_PROBLEM]

Enterprise hiring teams face bottlenecked recruitment pipelines: screening hundreds of candidate interviews consumes hundreds of manual engineering hours, produces inconsistent subjective evaluations, and introduces high scheduling latency. Off-the-shelf SaaS alternatives are rigid, cost-prohibitive, and lack explainable multi-parameter scoring rubrics for verbal, vocal, and non-verbal candidate performance.

[03 / ARCHITECTED_SOLUTION]

Engineered a standalone WordPress plugin with custom database schemas, tokenized candidate invitations, and a dual-build React 18 application (Candidate SPA & Super Admin Portal). Implemented an asynchronous background evaluation engine with status polling to prevent gateway timeouts during heavy LLM execution. Built an integrated site-wide token credit calculation subsystem with automated CSV exports.

[04 / DESIGN_ARCHITECTURE]

Decoupled WordPress & React Architecture: WordPress REST API (`/wp-json/his/v1/`) powering a modular React 18 frontend (Webpack 5, CSS Modules). Backend orchestrates OpenAI Whisper audio ingestion, TTS generation, GPT evaluation prompts, and relational tracking across sessions, invitations, and audio/video artifacts.

[05 / DIAGNOSTIC_CHALLENGES]

Handling synchronous timeout thresholds on HTTP requests when transcribing long multi-question candidate audio answers and computing multi-metric AI scoring rubrics. Resolved via asynchronous job dispatching, status polling, and optimistic UI transitions. Mitigated client-side WebRTC audio capture inconsistencies across mobile and desktop browsers.

[06 / KEY_SYSTEM_FEATURES]

  • Multi-modal candidate interview pipeline with WebRTC video and audio capture
  • High-accuracy speech-to-text transcription via OpenAI Whisper API
  • Natural conversational voice question synthesis powered by OpenAI TTS
  • Multi-dimensional AI scoring rubrics (Technical Depth, Communication, Tone & Sentiment)
  • Asynchronous evaluation queue with polling mechanism to eliminate HTTP timeouts
  • Automated candidate proctoring snapshots and CSV candidate export
  • Fine-grained token credit budgeting and deduction management

[07 / MEASURABLE_RESULTS]

Reduced initial candidate screening time by 75%, delivered 98.5% transcription accuracy across multi-accent speech, maintained sub-3.2s async polling feedback, and achieved a 92% interview completion rate through a guided glassmorphic React interface.

[08 / FUTURE_ROADMAP]

  • Implement real-time WebRTC bi-directional streaming for zero-latency AI interruption handling
  • Integrate local on-device Whisper models via WebAssembly for offline and privacy-first transcription

[09 / SOURCE_CHANNELS]

Developer Credentials: JA Shuvro (legally MD. Jonaed Ali Shuvro) (author & creator)
Programming Language: PHP / TypeScript / React
Application Category: AppliedAIEngineeringApplication
Keywords: WordPress Plugin, React 18, OpenAI Whisper, GPT-4o, OpenAI TTS, WebRTC, PHP 8, REST API, CSS Modules, OneCloud Credits
Modified Date: 2026-04-13T11:27:30Z
Published Date: 2025-11-17T10:45:27Z

Repository: Private Repository (Access available upon request)