📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🤔 How I Plan to Build This AI
4. 🔋 Features
5. 🤸 Quick Start

🤖 Introduction

AceMock AI is a SaaS product website that offers job seekers the opportunity to take mock interviews with AI.
The AI provides real-time feedback, ratings, improved answers, and correct answers to help users enhance their interview skills.

⚙️ Tech Stack

• JavaScript
• React Js
• Next Js
• Clerk
• PostgreSQL
• Shadcn UI
• Tailwind CSS
• Drizzle ORM
• Stripe
• Google Gemini API

🤔 How I Plan to Build This AI

🔹Backend Setup ( Drizzle ORM + PostgreSQL)

🔹User Authentication

🔹Application Workflow

🔹How Added The New Interview

🔋 Features

👉 Authentication: Implements authentication and authorization features using Clerk, allowing users to securely log in via social sign-on or traditional email and password methods, while ensuring appropriate access levels and permissions within the platform.

👉 Question Generation: Generate interview questions based on user-provided details such as job role, job description, tech stack, and experience.

👉 Interview Participation: Users can turn on their webcam to participate in the mock interview, with the option to record their answers.

👉 Interview Control: Users can move to the next question, return to the previous question, and end the interview at any time. After ending the interview, they are directly navigated to the feedback page.

👉 Audio Format Questions: Our AI automatically converts the questions into audio format so users can listen carefully and provide their answers.

👉 Past Interview List: Access a list of previously held interview, including details and metadata.

👉 Real-Time Feedback: AceMock AI provides real-time feedback to help users improve their answers, along with ratings for each question and correct answers.

👉 User Dashboard: A user dashboard allows users to view their previous mock interviews and retake them if desired.

👉 Subscription and Payment: After a one-time free trial, users must subscribe to a monthly or yearly plan, with an integrated payment system for seamless transactions.

👉 Secure Real-time Functionality: All interactions within the platform are secure and occur in real-time, maintaining user privacy and data integrity.

👉 Responsive Design: Follows responsive design principles to ensure optimal user experience across devices, adapting seamlessly to different screen sizes and resolutions.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/gautamkumar1/AceMock-AI.git
cd AceMock-AI

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY = 
CLERK_SECRET_KEY = 
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_DRIZZLE_DB_URL = 
NEXT_PUBLIC_GEMINI_API_KEY =
NEXT_PUBLIC_INFORMATION = 

Replace the placeholder values with your actual Clerk credentials. You can obtain these credentials by signing up on the Clerk website.

Running the Project

npm run dev

Creating DB Schema

npm run db:push

Running the Drizzle ORM

npm run db:studio

Open http://localhost:3000 in your browser to view the project.