Built with Next.js for the user interface and backend logic, Firebase for authentication and data storage, styled with TailwindCSS and using Vapi's voice agents, MockMate is your personal AI-powered interview coach, offering realistic practice sessions and personalized feedback to help you build confidence, polish your skills, and ace your next job interview effortlessly.
- Next.js
- Firebase
- Tailwind CSS
- Vapi AI
- shadcn/ui
- Google Gemeni
- Zod
👉 Authentication: Sign Up and Sign In using password/email authentication handled by Firebase.
👉 Create Interviews: Easily generate job interviews with help of Vapi voice assistants and Google Gemini.
👉 Get feedback from AI: Take the interview with AI voice agent, and receive instant feedback based on your conversation.
👉 Modern UI/UX: A sleek and user-friendly interface designed for a great experience.
👉 Interview Page: Conduct AI-driven interviews with real-time feedback and detailed transcripts.
👉 Dashboard: Manage and track all your interviews with easy navigation.
👉 Responsiveness: Fully responsive design that works seamlessly across devices.
and many more, including code architecture and reusability
Follow these steps to set up the project locally on your machine.
Cloning the Repository
git clone
cd ai_mock_interviewsInstallation
Install the project dependencies using npm:
npm installSet Up Environment Variables
Create a new file named .env.local in the root of your project and add the following content:
NEXT_PUBLIC_VAPI_WEB_TOKEN=
NEXT_PUBLIC_VAPI_WORKFLOW_ID=
GOOGLE_GENERATIVE_AI_API_KEY=
NEXT_PUBLIC_BASE_URL=
NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=
FIREBASE_PROJECT_ID=
FIREBASE_CLIENT_EMAIL=
FIREBASE_PRIVATE_KEY=Replace the placeholder values with your actual Firebase, Vapi credentials.
Running the Project
npm run devOpen http://localhost:3000 in your browser to view the project.