Inspiration
In today’s competitive job market, preparing for interviews requires more than just reading questions—realistic practice is key. MockerPrep was born out of the desire to offer users a truly immersive and personalized mock interview experience using the power of AI and voice technology. We wanted to simulate the pressure and flow of real interviews, while also offering detailed feedback to help users improve with each attempt.
What it does
MockerPrep is an AI-powered web application that helps users prepare for job interviews by simulating real-time, voice-enabled mock interviews. Users can select their domain (like Web Development, Data Science, HR, etc.) and engage with a voice assistant that acts as an interviewer. After the session, the app uses Google Gemini API to generate detailed feedback on communication skills, answer accuracy, tone, and confidence. It also tracks user progress and stores interview history for continuous improvement.
How we built it
We built MockerPrep using Next.js for the React-based framework and server-side rendering, React.js for building reusable UI components, and Tailwind CSS for rapid styling. The voice assistant functionality is powered by Vapi, while the Google Gemini API is used to analyze and provide feedback on the user's performance. Firebase handles both user authentication and real-time database storage for interviews and feedback history. The app is structured with separate directories for authentication, dashboard, interviews, feedback, and shared components.
Challenges we ran into
Integrating multiple third-party services like Vapi and Google Gemini required careful management of API keys and asynchronous data flows. Ensuring real-time responsiveness during voice interviews was also tricky, especially with the added complexity of recording and processing user input efficiently. Managing authentication states and securely storing interview history in Firebase while keeping the UI responsive was another challenge we had to address.
Accomplishments that we're proud of
We're proud of building a fully functional and user-friendly AI interview simulator that combines cutting-edge technologies like voice interaction and AI feedback. Creating a seamless experience from voice-driven interviews to performance analytics, all within a modern UI, was a significant milestone. We're also happy with the modular and scalable architecture of the project, which will allow easy expansion in the future.
What we learned
Working on MockerPrep taught us how to integrate various APIs and services like Vapi, Firebase, and Gemini into a single cohesive application. We gained experience with handling real-time voice inputs, managing user sessions, and analyzing feedback using AI models. Additionally, we deepened our understanding of building scalable apps using the Next.js and Tailwind CSS ecosystem.
What's next for MockerPrep
We plan to implement several exciting features, including a Resume Analyzer, Personalized Learning Paths, and an Admin Dashboard for deeper analytics. Multi-language support is also on the roadmap to make MockerPrep accessible to users globally. As we grow, we aim to turn MockerPrep into a comprehensive platform for interview readiness.
Log in or sign up for Devpost to join the conversation.