ReactNative_AI_Interview_App

🚀 IntervuAI 🚀

AI-powered interview preparation platform

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🔗 Environment Variables
6. 📂 Project Structure
7. 🚀 Deployment

🤖 Introduction

IntervuAI is a React Native mobile application that helps users prepare for job interviews through AI-powered mock interviews. The app uses voice AI technology (Vapi) to conduct realistic interview simulations and provides detailed feedback to help users improve their interview skills.

⚙️ Tech Stack

• React Native with Expo
• TypeScript
• Firebase Authentication & Firestore
• Vapi AI for voice conversations
• React Navigation
• Tailwind CSS (NativeWind)
• Google Gemini for interview feedback

🔋 Features

👉 User Authentication: Secure sign up and sign in with email/password through Firebase

👉 Customized Interviews: Create interviews tailored to specific job positions and experience levels

👉 AI Voice Interviews: Realistic interview simulations with AI-powered voice conversations

👉 Real-time Feedback: Receive immediate feedback on your interview performance

👉 Interview History: Track your progress with a history of past interviews

👉 Transcript & Analysis: Review detailed transcripts and AI analysis of your responses

👉 User-friendly Interface: Intuitive and responsive design built with modern UI components

🤸 Quick Start

Follow these steps to set up the project locally.

Prerequisites

• Node.js (v14.0 or later)
• npm or yarn
• Expo CLI (npm install -g expo-cli)

Cloning the Repository

git clone https://github.com/your-username/ReactNative_AI_Interview_App.git
cd ReactNative_AI_Interview_App/app

Installation

npm install
# or
yarn install

Set Up Environment Variables

Create a .env file in the app directory based on the .env.example template.

Running the Development Server

npm start
# or
yarn start

Then, you can run on your preferred platform:

npm run android
# or
npm run ios
# or
npm run web

🔗 Environment Variables

To run this project, you need to set up the following environment variables in a .env file:

# Firebase Configuration
FIREBASE_API_KEY=your-api-key
FIREBASE_AUTH_DOMAIN=your-auth-domain
FIREBASE_PROJECT_ID=your-project-id
FIREBASE_STORAGE_BUCKET=your-storage-bucket
FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
FIREBASE_APP_ID=your-app-id

# Vapi AI Voice Settings
VAPI_WEB_TOKEN=your-vapi-web-token
VAPI_WORKFLOW_ID=your-vapi-workflow-id

# Google Gemini API
GOOGLE_GENERATIVE_AI_API_KEY=your-google-api-key

# App Base URL
BASE_URL=your-base-url

📂 Project Structure

app/
├── src/
│   ├── components/      # Reusable UI components
│   ├── screens/         # Screen components
│   ├── navigation/      # Navigation configuration
│   ├── context/         # React context providers
│   ├── services/        # API and Firebase services
│   ├── hooks/           # Custom React hooks
│   └── utils/           # Utility functions
├── assets/              # Images, fonts, etc.
├── App.js               # Main component
├── app.json             # Expo configuration
├── package.json         # Dependencies
└── tailwind.config.js   # TailwindCSS configuration

🚀 Deployment

Expo Build

Build your app for Android and iOS using Expo's build service:

expo build:android  # For Android
expo build:ios      # For iOS

Firebase Setup

1. Create a Firebase project at Firebase Console
2. Enable Authentication (Email/Password) and Firestore Database
3. Add your app to the Firebase project and copy the configuration details
4. Update your .env file with the Firebase configuration