Skip to content

Yajun

🚀 AI Coding Interviewer Real interviews.

Code Video Cerebral Valley

Core trick

Gives candidates a real React codebase to edit while an AI interviewer converses with them and scores the work.

Tags

dev toolsagents

Description

🚀 AI Coding Interviewer Real interviews. Real skills. Less hassle. 1. 👩‍💻 Real-world job simulation Work in a real codebase — read, navigate, and modify code Assess real problem-solving skill on practical tasks Evaluate communication through conversation with AI interviewer 2. ⏱ Saves engineering time AI conducts, guides, and scores the interview instantly 3. 🤖 Cluely Can’t Save You Built-in AI coding assistant included Scores candidate’s real-world vibe coding skills
ygao76/shack15-hackathon★ 00 forksTypeScriptCreated Aug 9, 2025 · last push Aug 10, 2025

README excerpt

# Interview Code Challenge - Calendar App

A React/TypeScript coding challenge application with AI-powered interviewer assistance.

## Features

- **File Explorer**: Navigate through project files
- **Code Editor**: Monaco Editor with TypeScript support
- **Live Preview**: See changes in real-time
- **AI Interviewer**: ChatGPT-powered coding assistance
- **Responsive Layout**: Grid-based interface

## Setup

### 1. Install Dependencies

```bash
npm install
```

### 2. OpenAI API Configuration

To use the AI interviewer, you need an OpenAI API key:

1. Get your API key from [OpenAI Platform](https://platform.openai.com/api-keys)
2. Create a `.env.local` file in the root directory:

```bash
# OpenAI API Configuration
NEXT_PUBLIC_OPENAI_API_KEY=your_openai_api_key_here

# Optional: Model configuration
NEXT_PUBLIC_OPENAI_MODEL=gpt-5
```

**Note**: The `NEXT_PUBLIC_` prefix is required for Next.js to expose these variables to the client-side code.

### 3. Run the Development Server

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) in your browser.

## Usage

1. **Enter API Key**: When you first try to chat, you'll be prompted to enter your OpenAI API key
2. **Select Files**: Use the file explorer to navigate and select files to edit
3. **Code**: Write and edit code in the Monaco Editor
4. **Preview**: See live changes in the preview pane
5. **Chat**: Ask the AI interviewer questions about your code and implementation

## Project Structure

```
src/
├──

Team