Skip to content

Latest commit

 

History

History
82 lines (59 loc) · 1.66 KB

File metadata and controls

82 lines (59 loc) · 1.66 KB

🧠 AI-Powered Code Reviewer

An intelligent, interactive code review interface built with React and Express.js, leveraging the Gemini API to generate insightful code reviews in real time.

App Screenshot App Screenshot 2


🌐 Live Demo

ss.mp4

🚀 Features

  • 🖋️ Live code editing with syntax highlighting (PrismJS)
  • 🤖 AI-powered code review using Gemini
  • 💬 Instant feedback displayed in Markdown with highlighted code
  • 🌗 Responsive and dark-themed UI
  • ⚡ Fully deployed frontend and backend (Vercel + Render)

🛠️ Tech Stack

Frontend

  • React (Vite)
  • PrismJS + React Simple Code Editor
  • React Markdown + Highlight.js
  • Tailwind CSS (custom styles)
  • Axios

Backend

  • Node.js
  • Express.js
  • Google Generative AI SDK (Gemini)
  • CORS & Dotenv

⚙️ Setup Instructions

1. Clone the repository

git clone https://github.com/your-username/ai-powered-code-reviewer.git
cd ai-powered-code-reviewer

2. Backend setup

cd backend
npm install

3. Create a .env file

GEMINI_API_KEY=your_google_gemini_api_key

Replace your_google_gemini_api_key with your actual Gemini API Key from Google AI Studio.

4. ▶️ Start the backend server:

node server.js

5. Frontend setup:

cd ../frontend
npm install

6. ▶️ Start the frontend:

npm run dev

If you like this project, consider giving it a ⭐️ on GitHub! Thanks!