💼 AI Mock Interview Web App – Built with Passion & Purpose

Hi! 👋 I'm Sandip Mali, and this is a full-stack AI mock interview platform I developed to help users prepare for real-world job interviews using cutting-edge technologies like Google Gemini AI, Firebase, and Clerk. 🚀

---

🌱 What I Learned

While building this project, I gained hands-on experience with:

• Building scalable frontends using ReactJS with TypeScript.
• Designing modern, accessible UIs with Shadcn UI and TailwindCSS.
• Implementing secure, production-ready auth with Clerk.
• Integrating Google Gemini AI to generate smart and dynamic interview questions.
• Using Text-to-Speech APIs to deliver real-time audio feedback.
• Managing user data using Firebase Realtime Database.
• Deploying and testing full-stack applications efficiently.

---

🔨 What I Built

This AI-powered mock interview platform offers:

• 🔐 User Authentication: Secure login and registration using Clerk.
• 🧠 AI Interview Questions: Contextual and domain-based questions generated via Google Gemini AI.
• 🗣️ Voice Feedback: Real-time audio feedback using Text-to-Speech.
• 📝 Custom Interview Creation: Users can select topics and difficulty levels.
• 📊 Progress Tracking: User data is stored and synced with Firebase.
• 💻 Responsive UI: Built with a modern design system and mobile-friendly layout.

---

📸 Preview

(Add your screenshots or live demo link here, such as a hosted Firebase URL or Vercel deployment)

---

🛠️ Tech Stack

Technology	Purpose
React + TypeScript	Frontend development
Clerk	Authentication
Google Gemini AI	AI-generated questions & analysis
Firebase	Realtime database and hosting
Shadcn UI	UI components and styling
TailwindCSS	Utility-first CSS framework
Text-to-Speech	Audio feedback system

---

🚀 Getting Started

git clone https://github.com/sandipmalii/AI-Mock-InterviewPrep.git
cd AI-Mock-InterviewPrep
npm install

---

🔐 Environment Variables

Create a .env file at the root with the following variables:

REACT_APP_CLERK_PUBLISHABLE_KEY=your_clerk_key
REACT_APP_FIREBASE_API_KEY=your_firebase_key
REACT_APP_GEMINI_API_KEY=your_gemini_api_key

---

▶️ Run the App Locally

npm run dev

---

⭐ Support the Project

If this project helped or inspired you:

• ⭐ Star this repository
• 🍴 Fork it and build your version
• 🔁 Share it with your peers

---

📢 Hashtags

#AIMockInterview #ReactJS #TypeScript #Firebase #GoogleGeminiAI #WebDevelopment #ShadcnUI #ClerkAuth #FullStack #LearnWithMe

---

💬 Let's Connect

• 🔗 LinkedIn – Sandip Mali
• 💻 GitHub – sandipmalii

---