AI Code Reviewer

Instant code analysis powered by GPT-4 - get professional feedback on your code in seconds.

🌐 Live Demo: https://ai-code-reviewer-pro.vercel.app

📋 Table of Contents

Overview
Features
Quick Start
Getting Your OpenAI API Key
Local Development
Deployment
Security
Example
Tech Stack
Troubleshooting

Overview

AI Code Reviewer is a web application that provides instant, AI-powered code analysis. Simply paste your code and get professional feedback on bugs, performance, security, and best practices.

🔗 Try it now: https://ai-code-reviewer-pro.vercel.app

The Problem

Manual code reviews take time
Junior developers need instant feedback
Senior developers need quick sanity checks
Learning proper patterns is hard without guidance

The Solution

AI-powered code analysis that reviews your code instantly, identifying:

🐛 Bugs - Logic errors and potential issues
⚡ Performance - Optimization opportunities
🔒 Security - Vulnerability scanning
✨ Best Practices - Code quality improvements

Features

⚡ Instant Analysis - Get feedback in 5-10 seconds
🎯 Specific Suggestions - Actionable improvements, not generic advice
🌐 Multi-Language - Supports JavaScript, Python, TypeScript, and more
🚀 No Signup Required - Paste code and go
🔐 Secure - API key protected server-side with rate limiting
🤖 Bot Protection - Automatic detection and prevention of abuse

Quick Start

Prerequisites

Node.js 18+ installed (Download)
OpenAI API key (Get one here)
npm or yarn package manager

Installation

Clone the repository:

git clone https://github.com/fastians/ai-code-reviewer.git
cd ai-code-reviewer

Install dependencies:
```
npm install
```
Set up environment variables:
```
# Create .env file
echo "OPENAI_API_KEY=your_openai_api_key_here" > .env
```
⚠️ Important: Never commit .env to git! It's already in .gitignore.
Start the development server:
```
npm run dev
```
Open your browser: Navigate to http://localhost:5173

That's it! You're ready to review code. 🎉

Getting Your OpenAI API Key

Sign up/Login to OpenAI Platform
Navigate to API Keys
Create a new secret key
Copy the key (you won't see it again!)
Add it to your .env file for local development, or Vercel environment variables for production

💡 Tip: Start with a small amount of credits to test. OpenAI charges per API call.

Local Development

Running the App

The app runs in two parts:

Frontend (Vite) - http://localhost:5173
API Server (Express) - http://localhost:3001

Both start automatically with:

npm run dev

Available Scripts

Command	Description
`npm run dev`	Start both frontend and API server (recommended)
`npm run dev:client`	Start only frontend (Vite)
`npm run dev:server`	Start only API server (Express)
`npm run build`	Build for production
`npm run preview`	Preview production build
`npm run lint`	Run ESLint

Project Structure

ai-code-reviewer/
├── api/
│   ├── shared.js         # Shared logic (rate limiting, bot detection, OpenAI calls)
│   └── review.ts         # Serverless function (Vercel) - uses shared.js
├── src/
│   ├── App.tsx           # Main React component
│   └── main.tsx          # Entry point
├── public/               # Static assets
├── server.js             # Local Express server (dev only) - uses api/shared.js
├── vercel.json          # Vercel configuration
└── package.json         # Dependencies

💡 Note: The code logic is shared between api/review.ts (production) and server.js (local dev) via api/shared.js. This ensures consistent behavior and eliminates code duplication.

Deployment

✅ Works on Vercel - No Next.js Required!

Your Vite + React setup works perfectly on Vercel. The api/review.ts file automatically becomes a serverless function.

Option 1: Deploy via GitHub (Recommended)

Push your code to GitHub:

git add .
git commit -m "Ready for deployment"
git push origin main

Connect to Vercel:
- Go to vercel.com and sign in
- Click "Add New Project"
- Import your GitHub repository
- Vercel will auto-detect Vite
Set Environment Variable:
- Go to Project Settings → Environment Variables
- Add OPENAI_API_KEY with your OpenAI API key
- Select all environments (Production, Preview, Development)
- Click Save
Deploy:
- Click "Deploy"
- Wait for build to complete (~2-3 minutes)
- Your app is live! 🚀
- Production URL: https://ai-code-reviewer-pro.vercel.app

Option 2: Deploy via CLI

Install Vercel CLI:
```
npm install -g vercel
```
Login:
```
vercel login
```
Deploy:
```
vercel
```
Set Environment Variable:
```
vercel env add OPENAI_API_KEY
```
Enter your key when prompted, select all environments.
Deploy to Production:
```
vercel --prod
```

📖 Need more details? See DEPLOYMENT.md for comprehensive deployment guide.

Security

Built-in Protection

✅ API Key Protection - Stored server-side only, never exposed to frontend
✅ Rate Limiting - Prevents abuse and excessive API usage
✅ Bot Detection - Automatic detection with stricter limits
✅ Input Validation - Maximum 10,000 characters per request
✅ Error Handling - Secure error messages without exposing sensitive data

Rate Limits

User Type	Limit	Reset Time
Normal Users	5 requests/24h	24 hours
Detected Bots	2 requests/24h	24 hours
Code Length	10,000 characters	Per request

Bot Protection

The system automatically detects bots based on:

User agent patterns (curl, wget, python, selenium, etc.)
Missing browser headers (Accept, Accept-Language)
Suspicious request patterns

Detected bots receive stricter rate limits (2 requests per 24 hours vs 5 for normal users).

🔒 Security Details: See SECURITY.md for comprehensive security documentation.

Example

Sample Code Input

const express = require("express");
const app = express();
const port = process.env.PORT || 3000;

let users = [];

app.use(express.json());

app.get("/users", (req, res) => {
  res.send(users);
});

app.post("/users", (req, res) => {
  const u = req.body;
  if (!u.name) {
    res.send("no name");
    return;
  }
  u.id = Math.floor(Math.random() * 10000);
  users.push(u);
  res.send(u);
});

app.get("/user/:id", (req, res) => {
  const id = req.params.id;
  const found = users.filter((u) => u.id == id)[0];
  if (!found) {
    res.send("not found");
  } else {
    res.send(found);
  }
});

app.listen(port, () => {
  console.log("server started on port " + port);
});

Sample AI Review Output

🐛 Bugs

User ID Collision: Using Math.random() for ID generation can lead to collisions. Consider using UUIDs or incremental IDs.

const { v4: uuidv4 } = require('uuid');
u.id = uuidv4();

Filter Method Inefficiency: Using filter followed by accessing the first element is inefficient. Use find() instead.

const found = users.find(u => u.id == id);

⚡ Performance

Array Storage: Consider using a database for scalable storage
JSON Response: Use res.json() instead of res.send()

🔒 Security

Input Validation: Validate user input using libraries like express-validator
HTTP Status Codes: Return appropriate status codes (400, 404, etc.)

✨ Best Practices

Error Handling: Create middleware for consistent error handling
Modularization: Break out route handlers into separate modules
Documentation: Add JSDoc comments for better code documentation

Tech Stack

Category	Technology
Frontend	React 19, TypeScript, Tailwind CSS
Build Tool	Vite
Backend	Vercel Serverless Functions
AI	OpenAI GPT-4o-mini
Deployment	Vercel
Icons	Lucide React

Troubleshooting

❓ API Not Working Locally?

Problem: Getting errors when trying to review code locally.

Solutions:

✅ Make sure both servers are running (npm run dev)
✅ Check that OPENAI_API_KEY is set in .env
✅ Verify the API server is running on port 3001
✅ Check browser console for errors

❓ Rate Limit Exceeded?

Problem: Getting "Rate limit exceeded" error.

Solutions:

✅ Wait 24 hours for the limit to reset
✅ Each IP address has its own limit
✅ Bots get stricter limits automatically
✅ Check if you're making too many requests

❓ Build Fails on Vercel?

Problem: Deployment fails with build errors.

Solutions:

✅ Check build logs in Vercel dashboard
✅ Ensure all dependencies are in package.json
✅ Verify TypeScript compiles without errors
✅ Check that OPENAI_API_KEY is set in environment variables

❓ Environment Variable Not Working?

Problem: API key not found error.

Solutions:

✅ Verify OPENAI_API_KEY is set in Vercel environment variables
✅ Make sure you selected all environments (Production, Preview, Development)
✅ Redeploy after adding environment variables
✅ Check variable name spelling (case-sensitive)

❓ Still Having Issues?

📖 Check SECURITY.md for security details
📖 Check DEPLOYMENT.md for deployment help
🐛 Open an issue on GitHub

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.

Acknowledgments

Built with React
Powered by OpenAI
Deployed on Vercel
Icons by Lucide

Made with ❤️ for developers who want instant code feedback

Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
api		api
public		public
src		src
.gitignore		.gitignore
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
server.js		server.js
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vercel.json		vercel.json
vite.config.ts		vite.config.ts

fastians/ai-code-reviewer

Folders and files

Latest commit

History

Repository files navigation

AI Code Reviewer

📋 Table of Contents

Overview

The Problem

The Solution

Features

Quick Start

Prerequisites

Installation

Getting Your OpenAI API Key

Local Development

Running the App

Available Scripts

Project Structure

Deployment

✅ Works on Vercel - No Next.js Required!

Option 1: Deploy via GitHub (Recommended)

Option 2: Deploy via CLI

Security

Built-in Protection

Rate Limits

Bot Protection

Example

Sample Code Input

Sample AI Review Output

🐛 Bugs

⚡ Performance

🔒 Security

✨ Best Practices

Tech Stack

Troubleshooting

❓ API Not Working Locally?

❓ Rate Limit Exceeded?

❓ Build Fails on Vercel?

❓ Environment Variable Not Working?

❓ Still Having Issues?

Contributing

License

Acknowledgments

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Releases 1

Packages 0

Languages

Packages