MockForage AI is a modern AI-powered interview preparation platform that simulates real interview experiences with live coaching, analytics, and performance tracking. It helps students and job seekers practice technical, HR, and behavioral interviews with real-time feedback and confidence analysis.
- 🔐 User Authentication (Login / Signup)
- 🏠 Landing Page + Protected Dashboard
- 🎯 Role-based interview selection (Frontend, Backend, Full Stack, Data Science, etc.)
- 🧠 AI-style interviewer conversation flow
- ⏱️ Timed interview sessions
- 💬 Chat-style answer interface
- 🧾 Resume-to-Interview Mode (paste resume → generate questions)
- 📹 Live Video Recording during interview
- 🎙️ Microphone input support
- ⌨️ Text-based answering option
- 🟢 Camera preview before recording
- 💾 Recorded media stored locally (can be extended to cloud)
- 📈 Live Confidence Meter
- ⏱️ Duration tracking
- 🧠 STAR answer structure detection
- 📉 Weekly progress charts
- 🏆 Interview readiness score
- 📊 Performance breakdown (confidence, clarity, completion)
- ⭐ XP points system
- 🔥 Daily practice streaks
- 🏅 Achievement badges
- 🏆 Leaderboard support
- 📅 Interview history tracking
- 🗣️ Real-time speech hints (pace, clarity prompts)
- 🎯 Adaptive difficulty concept ready
- 🧠 Behavioral + Technical question sets
- 💡 Smart feedback generation ready for AI API integration
- 🎥 Confidence detection via camera (visual engagement)
- ⏳ Pressure Mode (auto-submit timer)
- 🤖 Floating AI Assistant help widget
- 🌙 Modern neon dark UI
- ⚡ Fast single-page app experience
- React + TypeScript
- Vite
- Tailwind CSS
- Framer Motion (animations)
- Lucide Icons
- React Router
- Zustand / Context Store (app state)
- MediaDevices API (camera + mic)
- MediaRecorder API (video/audio recording)
- Speech recognition hooks (optional)
- Recharts / Custom graphs
- Responsive component layout
- GitHub (source control)
- Vercel / Netlify compatible
src/
├── components/
│ ├── ConfidenceCamera.tsx
│ ├── FloatingAssistant.tsx
│ ├── Navbar.tsx
│ └── UI components
│
├── pages/
│ ├── Landing.tsx
│ ├── Login.tsx
│ ├── Dashboard.tsx
│ ├── InterviewSetup.tsx
│ ├── InterviewSession.tsx
│ ├── Results.tsx
│ └── ResumeMode.tsx
│
├── store/
└── main.tsx
git clone <your-repo-url>
cd mockforage-ai
npm install
npm run dev
App runs at:
Local: http://localhost:8081/
Network: http://10.173.227.155:8081/
Browser will request:
- Camera access (video recording & confidence detection)
- Microphone access (audio recording)
Allow both for full functionality.
- AI LLM integration for real question generation
- Cloud video storage (Firebase / Supabase)
- Facial emotion detection model
- Voice tone confidence scoring
- Company-specific interview datasets
- Mobile app version
Submitted By: Team SrijanByte Built for HackFest / Academic Project
Educational / Demo project — free to modify.