Live Code Interviewer

The Live Code Interviewer is a tool designed for live technical interviews, providing a robust platform that combines real-time code editing, multi-language execution, and a detailed, automated, AI-supported final report.

🌐 Demonstrations

• Interview Recording
• Final Interview Report

🔧 Key Features

• Synchronized Code Editor: Uses Monaco, the same editor base as VS Code, allowing real-time editing for a smooth collaborative experience.
• Multi-language Execution: Supports multiple languages, including JavaScript, TypeScript, Python, Java, C#, PHP, and many others.
• Code Saving: Saves code generated during the interview for future reference and inclusion in the final report.
• Automated AI-Powered Reports: Generates reports that include multilingual transcriptions, summaries, analysis of questions and answers, identifying important themes and topics discussed.

🛠 Technologies Used

• SuperViz: Video conferencing integration for real-time collaboration and screen sharing.
• Monaco Editor: Advanced and collaborative code editing.
• Piston API: Compiles and runs code in multiple languages directly in the editor.
• Firebase Firestore: Stores and retrieves code during and after the interview.
• Artificial Intelligence: Detailed transcription and analysis of interview data for a comprehensive final report.

📸 Screenshots

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/antoniovini47/live-code-interviewer.git
   cd live-code-interviewer

2. Install dependencies:

   npm install

3. Create a .env file with your keys .en.example has the model:

   VITE_SUPERVIZ_DEVELOPER_KEY=
   VITE_SUPERVIZ_PRODUCTION_KEY=
   
   VITE_API_SECRET_KEY_DEFAULT_NO_EXPIRATION_CLIENT_ID_DEVELOPMENT=
   VITE_API_SECRET_KEY_DEFAULT_NO_EXPIRATION_SECRET_DEVELOPMENT=
   
   VITE_API_SECRET_KEY_DEFAULT_NO_EXPIRATION_CLIENT_ID_PRODUCTION=
   VITE_API_SECRET_KEY_DEFAULT_NO_EXPIRATION_SECRET_PRODUCTION=
   
   VITE_SUPERVIZ_SECURITY_KEY=
   
   VITE_FIREBASE_API_KEY=

4. Start the project:

   npm run dev

5. Access the project in the browser: http://localhost:5173

Project Structure

• src/components - Reusable components, such as the code editor and video room.
• src/services - Integrations with external APIs, like Firebase and Piston.
• src/styles - Styling files.

Final Report and Transcription

At the end of each interview, a final report is automatically generated, containing:

• Interview summary
• Complete and multilingual transcription
• Analysis of topics, questions, and mentioned actions

Useful Links

• Project Website: lcinterviewer.rotec.dev
• SuperViz Documentation: superviz.com/docs

👥 Collaborators

• antoniovini47
• jrmagalhaesz
• gustabcc