InterVueAI

AI-Powered Technical Interview Practice Platform

Table of Contents

1. 🚀 Overview
2. 👀 Demo
3. 🛠️ Tech Stack
4. ✨ Features
5. 📁 Project Structure
6. 🤸 Quick Start
7. 📐 Sequence Diagram
8. 📜 Scripts

---

🚀 Overview

InterVueAI is an AI-powered platform for practicing mock interviews and receiving instant feedback. Built with Next.js, React, TypeScript, and Firebase, it provides a modern, interactive experience for users to prepare for technical interviews.

👀 Demo

Login & Root Page view

Take the interview & check feedback

Pressing the "Call" button initiates the interview, where the AI interviewer asks questions verbally and listens to spoken responses from the user.

🛠️ Tech Stack

• Frontend: Next.js, React, TypeScript, Tailwind CSS
• Backend: Firebase (Auth, Firestore)
• UI Components: shadcn/ui

✨ Features

• 🤖 AI-Powered Mock Interviews: Practice interviews for various roles and tech stacks
• 💬 Real-time Conversation: Natural dialogue with AI interviewer using voice interactions
• 📊 Detailed Feedback: Get comprehensive scores and assessments after each interview
• 🧩 Tech Stack Icons: Visual representation of technologies involved in each interview
• 🔐 Authentication: Secure user authentication system
• 📱 Responsive UI: Styled with Tailwind CSS and custom gradients for a modern look
• 🔥 Firebase Integration: User authentication and data storage

📁 Project Structure

ai_interviewer_intervueai/
├── app/                # Next.js app directory
├── components/         # React components
├── constants/          # Static data
├── firebase/           # Firebase client and admin setup
├── lib/                # Utility functions
├── public/             # Static assets
├── types/              # TypeScript type definitions
├── .env.local          # Environment variables (not committed)
├── package.json        # Project dependencies and scripts
├── tailwind.config.js  # Tailwind CSS configuration
├── postcss.config.mjs  # PostCSS configuration
├── tsconfig.json       # TypeScript configuration
└── Readme.md           # Project documentation

🤸 Quick Start

Prerequisites

• Node.js (v18+ recommended)
• npm or Yarn
• Firebase account and project

1. Clone the Repository

git clone https://github.com/Antovex/InterVueAI.git
cd InterVueAI

2. Install Dependencies

npm install
# or
yarn install

3. Set Up Firebase

• Create a Firebase project at Firebase Console
• Enable Authentication (Email/Password) and Firestore Database
• Create a web app in your Firebase project settings
• Generate Firebase Admin SDK service account credentials

4. Configure Environment Variables

Create a .env.local file in the root directory using .env.example file

5. Run Development Server

npm run dev
# or
yarn dev

6. Open Your Browser

Navigate to http://localhost:3000 to use the application

7. Create an Account

Sign up for a new account using the authentication form

8. Start Your First Interview

• Select an interview type
• Choose relevant tech stacks
• Begin your AI-powered mock interview session

9. View Feedback

Complete the interview to receive detailed feedback and performance metrics

Sequence Diagram

Full Sequence Diagram: .png format | draw.io file (should be opened in draw.io website)

📜 Scripts

• dev - Start the development server
• build - Build the application for production
• start - Start the production server
• lint - Run ESLint
• lint:fix - Run ESLint and fix issues

Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

Acknowledgements

• Next.js
• shadcn/ui
• Firebase