⚡️ AlgoMentor

AlgoMentor is an AI-powered mock technical interview platform designed for students, developers, and job-seekers who want to practice Data Structures & Algorithms (DSA) interviews in a realistic environment. Gain confidence, improve problem-solving skills, and get AI-powered feedback — all while being proctored like a real tech interview!

---

📑 Table of Contents

• 🚀 Features

• 🛠️ Tech Stack

• 📸 Demo Screenshots

• ⚙️ Setup Instructions

  • 1️⃣ Clone the Repository
  • 2️⃣ Install Dependencies
  • 3️⃣ Set up .env
  • 4️⃣ Run the Development Servers
  • 5️⃣ Access

• ✨ How It Works

• 📜 Scripts

• 📢 Who Should Use This?

• ❤️ Credits

• 📄 License

• 🔗 Connect

---

🚀 Features

✅ Realistic Mock Interviews Simulate technical coding rounds like top tech companies.

✅ Monaco IDE Integration Write, run, and test code in a powerful in-browser code editor.

✅ Strict Proctoring

• ❌ No copy, cut, or paste.
• 🚫 No tab switching — instant warnings.
• ⚠️ Fullscreen exit warning.
• 📷 Live video feed for realistic conditions.

✅ AI-Powered Feedback Smart, actionable feedback on your coding, problem-solving, and communication.

✅ Speech-to-Text + Text-to-Speech Speak naturally — your voice converts to text and the AI mentor responds with realistic TTS.

✅ Secure Authentication JWT-based login for secure sessions.

✅ Modern Tech Stack React + Vite + TypeScript frontend. Node.js + Express backend. CORS handled for safe API calls.

---

🛠️ Tech Stack

Frontend:

• React
• Vite
• TypeScript
• Tailwind CSS
• Monaco Editor
• JWT (auth)
• Speech Recognition & TTS integrations

Backend:

• Node.js
• Express
• CORS
• JSON Web Tokens (jsonwebtoken)
• Body Parser
• Morgan (logging)
• Dotenv

---

📸 Demo Screenshots

Here’s AlgoMentor in action:

Hero Page

Main interview interface with chat, video, and code editor

Login Page

Pre-Interview Instruction Page

Interview Page

Feedback Page

---

⚙️ Setup Instructions

1️⃣ Clone the Repository

git clone https://github.com/rajaXcodes/algomentor.git
cd algomentor

---

2️⃣ Install Dependencies

Frontend:

npm install

Backend:

npm install

---

3️⃣ Set up .env

FOR BACKEND

OPENROUTERAPI = SECRETKEY = PORT = FRONTEND_URL =

4️⃣ Run the Development Servers

Frontend:

npm run dev

Backend:

npm start

---

5️⃣ Access

Visit http://localhost:5173

---

✨ How It Works

1. Register/Login: Secure JWT auth.
2. Start Interview: Get random DSA questions.
3. Speak & Code: Answer by voice, code in Monaco.
4. Proctoring: Strict controls — no copy/cut/paste, no tab switch.
5. AI Feedback: Instant smart tips.
6. Repeat: Practice & level up.

---

📜 Scripts

Frontend:

• npm run dev — Vite dev server
• npm run build — Build for production

Backend:

• npm start — Start Express server
• Backend Github link - (https://github.com/rajaXcodes/backed)

---

📢 Who Should Use This?

• 📚 Students prepping for coding rounds.
• 👨‍💻 Developers brushing up DSA.
• 🎯 Anyone wanting realistic mocks with strict proctoring & AI feedback.

---

❤️ Credits

Built with:

• React
• Vite
• Node.js
• Express
• Monaco Editor
• Puter TTS Special thanks !!
• react-speech-recognition

---

📄 License

MIT — Fork, modify, contribute!

---

🔗 Connect

Author: [RAJA] GitHub: rajaXcodes

---

Practice confidently, code smartly — ace your next tech interview with AlgoMentor! 🚀