Practice Unlimited Job Interviews with AI

PrepWise - An AI-Powered Mock Interview Platform
  • Summary
  • Background & Problem
  • Mission & Objectives
  • Development Process
  • Key Highlights
  • Website Preview
  • Challenges & Solutions
  • Conclusion
  • Future Enhancements
Project Screenshot
PROJECT OVERVIEW
Summary
PrepWise is a full-stack application that helps users practice unlimited job interviews with AI. It features secure authentication, personalized interview creation, real-time mock interviews with voice interaction, and detailed performance feedback.
CONTEXT
Background & Problem
Job seekers often struggle with interview preparation, particularly when they don't have someone to practice with. Even when candidates know the material, they can blank during high-pressure interviews. Traditional preparation methods don't provide realistic practice or personalized feedback, leaving candidates underprepared for actual interviews.
GOALS
Mission & Objectives
Mission
The mission of the PrepWise project was to create an AI-powered platform that simulates realistic job interviews, allowing users to practice anytime and receive detailed feedback.
Main Challenge
The main challenge was integrating voice AI technology with a large language model to create natural, responsive interview experiences while maintaining a seamless user interface across devices.
Objectives
The primary objectives were to build a secure authentication system, implement AI-powered interview generation, create realistic voice-based mock interviews, and provide detailed performance feedback to help users improve.
METHODOLOGY
Development Process
Definition
Definition
Design
Design
Planning
Planning
Development
Development
Deployment
Deployment
The development process began with setting up the project structure using Next.js and implementing authentication with Firebase. We then created the UI components for the homepage and interview cards. The core functionality was built around Vapi's voice API for realistic conversations and Google's Gemini AI for generating interview questions and feedback. We implemented server actions for secure data handling and deployed the application on Vercel.
Next.js
Next.js
TypeScript
TypeScript
Tailwind CSS
Tailwind CSS
Firebase
Firebase
Vapi
Vapi
Google Gemini
Google Gemini
Shadcn UI
Shadcn UI
React Hook Form
React Hook Form
Zod
Zod
FEATURES
Key Highlights
Voice-Powered AI Interviews
Integrated Vapi's voice API to create a realistic interview experience with natural-sounding speech, back-channeling, and real-time transcription, allowing users to practice speaking their answers as they would in a real interview.
Custom Interview Generation
Implemented a conversation-based interview creation process where users can specify their target role, experience level, and preferred technologies through natural dialogue with an AI assistant, which then generates personalized interview questions.
Comprehensive Feedback System
Developed an AI-powered feedback system that evaluates interview performance across multiple categories including communication skills, technical knowledge, and problem-solving, providing users with actionable insights to improve.
Scroll within the frame to explore the website or click "Visit Website" to open in a new tab
PROBLEM SOLVING
Challenges & Solutions
Challenge
Creating a secure yet seamless authentication system that works with server-side rendering
Solution
Implemented a hybrid authentication approach using Firebase for client-side authentication and server actions for session management. This allowed us to securely verify user identity on the server side while maintaining a smooth user experience.
Challenge
Designing a workflow that could collect user preferences through natural conversation and generate relevant interview questions
Solution
Created a custom workflow in Vapi that guides users through a series of questions about their target role and technologies, then makes an API call to our backend where Gemini AI generates appropriate interview questions based on the collected data.
FINAL THOUGHTS
Result
PrepWise successfully delivers a complete interview preparation platform that allows users to generate custom interviews, practice with a realistic AI interviewer, and receive detailed feedback on their performance. The application is fully responsive, secure, and provides a seamless user experience across devices.
Conclusion
PrepWise demonstrates how AI can be leveraged to create practical tools that help people improve their skills and advance their careers. By combining voice AI with large language models, we've created an interview preparation experience that closely mimics real-world scenarios while providing valuable feedback that users can apply immediately.
NEXT STEPS
Future Enhancements
Company-specific interview preparation with tailored questions based on the target company's culture and interview style
Video recording functionality to help users improve their body language and non-verbal communication
Integration with job boards to suggest interviews based on positions the user has applied for
Collaborative features allowing career coaches to review interview recordings and provide additional feedback