Rakib Logo
Work
Blog
About
Contact
RESUMEGITHUB
Back to Works
Full Stack / AI SaaS

MockMateAI-IntelligentInterviewCoach

An interactive AI-powered SaaS platform that conducts voice-based mock interviews. It generates dynamic questions based on job descriptions, captures real-time audio answers, and provides instant, constructive feedback using Google Gemini AI. Processes seamless mock interviews with an average AI response latency under 1.5s.

Client

Independent Build

Year

2026

Role

Lead Full Stack Developer

LIVE
CODE
MockMate AI - Intelligent Interview Coach

The Challenge

The main challenge was handling real-time browser-native speech recognition while ensuring seamless synchronization with the AI backend. Additionally, minimizing latency for AI responses and managing strict type safety across the new Next.js 16 Server Actions ecosystem was critical.

TECHNOLOGIES USED

šŸŽØ Frontend
Next.js 16React 19TypeScriptTailwind CSS v4Shadcn UI
āš™ļø Backend
Server ActionsClerk AuthGoogle Gemini AISpeech APIZod
šŸ—„ļø Database
MongoDBMongoose
šŸš€ DevOps
Vercel

The Solution

→ Next.js 16 Server Actions + MongoDB for direct, zero-API data mutations. → Browser Speech API + Gemini 1.5 Flash for rapid, real-time AI feedback. → Tailwind CSS v4 + Shadcn UI for a clean, modern interface.

typescript.ts
Loading code...
0%

Server Side Logic

0s

AI Latency

0/100

Performance Score

Key Decisions

Why Server Actions over API Routes?

Since we needed direct, low-latency database mutations from the client form, Server Actions eliminated the need to maintain boilerplate API routes.

Why Gemini 1.5 Flash?

Interview feedback requires near-instant responses. Gemini Flash offered the perfect balance of speed and high reasoning capabilities over heavier models.

Why native Speech Recognition?

Instead of dealing with heavy audio file uploads and server-side transcription, using the browser API handled it locally with zero cost and zero latency.

What I Learned

Hardest Part

Handling edge cases with browser compatibility for the native Speech Recognition API, especially across different mobile devices.

Biggest Insight

Prompt engineering is essentially programming in English. Crafting the strict JSON schema prompt for the AI was the most critical piece of the architecture.

Do Differently

I would implement WebSockets for streaming the AI response word-by-word instead of waiting for the full JSON block to load.

Key Highlights

AI Question Generation

Generates 5 unique technical questions based on Job Role & Tech Stack.

Voice-to-Text Engine

Records user answers in real-time using browser-native Speech API.

Instant AI Feedback

Analyzes answers to provide 1-10 ratings and improvement tips.

Interview History

Dashboard to track performance trends and review past feedback.

Next Project

Input Gears — Tech Gadget Store

View Case Study