CodeReview AI 🤖

AI-Powered Code Review for VS Code — SaaS backend with free tier, Pro ($20/mo) & Team ($50/mo)

✨ Features

VS Code Extension

• Review Code — Select any code and get AI-powered review with GPT-4o-mini
• Explain Code — Understand complex code in plain English
• Fix Code — Get AI suggestions to improve your code
• Multiple AI Models — GPT-4o-mini (fast), GPT-4o (powerful), Claude 3.5 Sonnet
• Inline Diagnostics — See issues directly in your editor with lightbulb suggestions
• Usage Tracking — Monitor your daily API usage

SaaS Backend

• Free Tier — 50 code reviews/day (no credit card required)
• Pro Plan — $20/month — Unlimited reviews, advanced analysis, priority support
• Team Plan — $50/month — Everything in Pro + team management, SSO, analytics
• API Key Management — Generate and manage API keys from the dashboard
• Secure Authentication — JWT-based auth with Supabase

📦 Project Structure

codereview-ai/
├── src/                          # VS Code Extension source
│   ├── extension.ts              # Extension entry point
│   ├── codeReviewProvider.ts     # Main review provider
│   ├── aiProvider.ts             # AI service (backend + direct OpenAI)
│   ├── backendApi.ts             # Backend API bridge
│   ├── diagnostics.ts            # Inline diagnostics
│   └── ...
├── media/                        # Webview assets
│   └── webview.ts                # React webview UI
├── backend/                      # Next.js SaaS backend
│   ├── src/
│   │   ├── app/
│   │   │   ├── api/
│   │   │   │   ├── auth/         # Signup/Login
│   │   │   │   ├── user/         # User profile & usage
│   │   │   │   ├── review/       # AI code review
│   │   │   │   ├── fix/          # AI code fix
│   │   │   │   ├── explain/      # AI code explanation
│   │   │   │   ├── paddle/       # Paddle webhook
│   │   │   │   └── usage/        # Usage tracking
│   │   │   ├── dashboard/        # User dashboard
│   │   │   ├── login/            # Login page
│   │   │   ├── signup/           # Signup page
│   │   │   └── page.tsx          # Landing page
│   │   └── lib/
│   │       ├── auth.ts           # JWT + auth helpers
│   │       ├── paddle.ts         # Paddle payments
│   │       ├── openai.ts         # OpenAI client
│   │       └── supabase.ts       # Supabase client
│   ├── supabase/
│   │   └── migrations/           # Database migrations
│   └── package.json
└── package.json                  # Extension manifest

🚀 Getting Started

Prerequisites

• Node.js 20+
• VS Code
• Supabase account (free tier)
• OpenAI API key
• Paddle account (for payments — optional)

1. VS Code Extension

# Install dependencies
npm install

# Build extension
npm run build

# Run in VS Code
# Press F5 to open Extension Development Host

2. Backend

cd backend

# Install dependencies
npm install

# Set up environment variables
cp .env.local.example .env.local
# Edit .env.local with your keys (see .env.local.example for all variables):
# - Supabase URL + keys
# - OpenAI API key
# - JWT secret
# - Paddle API key (optional)

# Run database migrations
# Run the SQL in supabase/migrations/001_initial.sql in Supabase SQL Editor

# Start development server
npm run dev

3. Configure VS Code Extension

1. Open VS Code Settings (Cmd+,)
2. Search for codereview-ai
3. Set backendUrl to http://localhost:3000
4. Set backendApiKey to your API key from the dashboard
5. OR set apiKey directly for OpenAI-only mode

🛠️ Tech Stack

📊 Pricing

🔧 Configuration

Environment Variables (.env.local)

# Supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_service_role_key

# OpenAI
OPENAI_API_KEY=sk-proj-your-key

# JWT
JWT_SECRET=your-secret-min-32-chars

# Paddle (optional)
PADDLE_API_KEY=your_paddle_key
PADDLE_PRICE_PRO=price_id_for_pro
PADDLE_PRICE_TEAM=price_id_for_team

# App
NEXT_PUBLIC_APP_URL=http://localhost:3000

📝 License

MIT © Tolga Kilitci

🌟 Build in Public

Follow the development journey on Twitter/X