YoussefMoBack to showcase
NEXT // CASE STUDY

AI Interview Agent

next-generation, AI-powered platform designed to help you master technical and behavioral interviews. Simulate real interview scenarios, receive instant, actionable feedback, and track your progress

ROLE
Frontend Engineer / Firebase integration
CATEGORY
NEXT
TECH
NextFirebaseVAPIGoogle Gemini
Start A MeetingView Source
AI Interview Agent
// PROJECT WRITE-UP

PrepWise – AI-Powered Mock Interview Platform

PrepWise is an AI-powered interview preparation platform designed to help job seekers practice technical and behavioral interviews in a realistic, interactive environment.

The Problem

Preparing for job interviews can be challenging, especially when candidates lack access to realistic interview experiences or someone who can provide meaningful feedback.

Traditional preparation methods often rely on memorizing answers or practicing alone, making it difficult to identify weaknesses, improve communication skills, and build confidence before actual interviews.

The Solution

I built PrepWise to provide an accessible, AI-driven interview experience where candidates can simulate real interview conversations using voice-based AI agents.

Instead of simply displaying predefined questions, the platform allows users to interact with an AI interviewer, practice answering questions, and receive AI-generated feedback to better understand their performance and areas for improvement.

Key Features

  • AI-Generated Interviews: Generate customized interview sessions based on job roles, experience levels, technical skills, and interview categories.
  • Voice-Based Interviews: Conduct interactive interview sessions through AI-powered voice conversations.
  • AI-Powered Evaluation: Receive structured feedback and performance insights after completing an interview.
  • Interview History: Access previous interview sessions and review past performance.
  • Authentication & User Management: Secure user authentication and personalized interview data.
  • Responsive UI: A clean, responsive interface designed to provide a consistent experience across devices.

Technology Stack

  • Frontend: Next.js 15, React 19, TypeScript.
  • Styling & UI: Tailwind CSS v4, Radix UI, reusable components.
  • AI Integration: Google Gemini through Vercel AI SDK.
  • Voice AI: Vapi AI for conversational voice-based interview experiences.
  • Backend: Next.js API Routes and Server Actions.
  • Database & Authentication: Firebase.
  • Form Management & Validation: React Hook Form and Zod.
  • Deployment: Vercel.

Engineering Highlights

Beyond the user-facing features, this project involved integrating multiple external services into a cohesive application.

Some of the main technical aspects include:

  • Integrating LLM capabilities for dynamic interview generation and AI-driven evaluation.
  • Implementing voice-based AI interactions to create a more realistic interview experience.
  • Connecting frontend workflows with backend logic and Firebase services.
  • Building reusable UI components and maintaining type safety across the application.
  • Managing asynchronous operations and user-specific interview data.

Links

Built by Youssef Mohammed