🤖 AI-Powered Code Reviewer

Build an AI-Powered Code Reviewer using the MERN Stack! 🚀
This project leverages artificial intelligence to analyze, review, and suggest improvements for source code, thereby enhancing development efficiency and reducing manual review overhead.

---

📌 Features

• 🔍 AI-Driven Code Analysis
  Uses AI models to detect code issues and provide intelligent suggestions.

• 📂 Multi-language Support
  Review capabilities for multiple programming languages (planned/extendable).

• 💡 Real-Time Suggestions
  Instant feedback during code input or upload.

• 📊 Clean Frontend UI
  Built with React and TailwindCSS for a modern user experience.

• 🔐 Modular Backend
  RESTful API powered by Express and a scalable architecture (MVC pattern).

• 🔄 Pluggable AI Services
  Easily integrate external LLM APIs like OpenAI, Gemini, or custom models.

---

🗃 Folder Structure

AI_Powered_CodeReviewer/
├── BackEnd/
│ ├── src/
│ │ ├── controllers/
│ │ │ └── ai.controller.js # Handles incoming requests and responses
│ │ ├── routes/
│ │ │ └── ai.routes.js # Defines endpoints for code analysis
│ │ └── services/
│ │ └── ai.service.js # Core logic to process code with AI
│ ├── app.js # Express app configuration
│ ├── server.js # Entry point to start the server
│ ├── package.json
│ └── package-lock.json
│
├── FrontEnd/
│ ├── public/ # Static assets
│ ├── src/
│ │ ├── assets/ # Images, icons, and reusable styles
│ │ ├── App.jsx # Main React component
│ │ ├── main.jsx # ReactDOM render
│ │ ├── App.css # App-wide styles
│ │ ├── index.css # Global CSS
│ ├── index.html
│ ├── vite.config.js
│ ├── eslint.config.js
│ ├── package.json
│ ├── package-lock.json
│ └── README.md
│
├── README.md

---

🛠️ Tech Stack

Frontend

• React (Vite)
• TailwindCSS
• ESLint

Backend

• Node.js + Express
• Modular MVC pattern (controller, service, routes)
• OpenAI/Gemini API integration (planned/customizable)

---

🔧 Setup Instructions

🚀 Backend Setup

cd BackEnd
npm install
node server.js

💻 Frontend Setup

cd FrontEnd
npm install
npm run dev

Ensure the backend is running at a specific base URL (http://localhost:5000 by default) which is consumed by the frontend React app.

🧠 How It Works

• User pastes or uploads code in the UI.
• The frontend sends the code to the backend via POST /api/review.
• The backend controller invokes the AI service logic to analyze the code.
• Suggestions and feedback are returned and displayed in the UI.

---

📦 API Overview

Endpoint	Method	Description
/api/review	POST	Analyze submitted code and return suggestions
/api/health	GET	Check if the backend server is running

---

For Contributing

If you want to contribute to this project, please follow these steps:

• Fork the repository.
• Create a new branch (git checkout -b feature/your-feature-name).
• Make your changes and commit them (git commit -m 'Add some feature').
• Push to the branch (git push origin feature/your-feature-name).
• Open a pull request.

---

Project Maintainer

Github: Swedeshna Mishra