MockMate

MockMate is a platform for interviewees to practice their technical skills through mock interviews. It allows users to create and get feedback on their technical skills.

Comment

📝 About the Project

🌟 Inspiration

We noticed that preparing for technical interviews can be overwhelming—especially when it comes to practicing under real-world conditions and receiving meaningful feedback. Many of us have struggled to find reliable tools to assess our skills and simulate the high-pressure interview environment. This inspired us to create MockMate — a platform designed to help developers at all levels prepare more effectively by simulating real interview scenarios with AI-powered feedback and voice interaction.

🛠️ How We Built It

MockMate was built as part of a hackathon project using:

  • React for the frontend, creating a responsive and interactive user interface
  • Spring Boot for the backend, handling business logic and API connections
  • HTML/CSS for page structure and styling
  • JavaScript for dynamic interactivity
  • Google Speech-to-Text AI for microphone input and transcription
  • Gemini API as the AI interviewer, generating context-aware questions and feedback
  • MongoDB to store:
    • User accounts (with Auth0 for authentication)
    • AI memory/history to maintain continuity in conversations
  • Auth0 for secure login and session management

We collaborated closely to divide the workload, integrate different technologies, and iterate quickly.

📚 What We Learned

  • Team collaboration was crucial to stay aligned and efficient under pressure
  • Full-stack integration helped us improve our frontend-backend development skills
  • Real-time voice interaction using AI made the app more immersive
  • User-centered design was key to building something functional and intuitive
  • AI memory and history enhanced the contextual depth of conversations

🚧 Challenges We Faced

  • Integrating multiple frameworks and APIs
    Each of us had to learn new tools like Auth0, Gemini, MongoDB, and Spring Boot in a short time.

  • Connecting everything into one working system
    We had to make sure the frontend, backend, AI logic, and database worked together smoothly.

  • Frontend-backend communication
    Handling real-time data flow presented debugging and architectural challenges.

  • Hackathon time constraints With limited time, we had to prioritize features, move fast, and stay focused.

Despite the hurdles, we’re proud of what we built and excited about how MockMate can evolve into a go-to platform for technical interview prep.

Built With

Share this project:

Updates