RoseReview AI 🔍

AI-Powered Code Review Platform

Catch security flaws, performance issues, and subtle bugs before they reach production. RoseReview AI integrates seamlessly with your workflow to provide automated, deep code analysis using state-of-the-art LLMs.

---

✨ Features

• 🔍 Deep Code Analysis — Goes beyond simple linting. Detects security vulnerabilities, performance bottlenecks, and logical errors through semantic understanding.
• ⚡ Ultra-Fast Inference — Powered by Groq's LPU architecture, delivering instantaneous AI review feedback.
• 💬 Rich GitHub Reviews — Automatically posts premium, highly-structured markdown comments on GitHub PRs, featuring collapsible sections, visual health score progress bars, and automated pre-merge checks.
• 🌗 Light/Dark Mode — Full theme support with seamless Server-Side Rendering (SSR) hydration to prevent flash-of-unstyled-content (FOUC).
• 🎨 Premium 3D Aesthetics — A gorgeous glassmorphism UI with dynamic 3D floating background orbs and curated color tokens.
• 📊 Comprehensive Dashboards — Track review histories, repository health scores, and issue resolution metrics over time.
• 🔄 Automated CI/CD Webhooks — Seamlessly integrates into your workflow by listening to GitHub pull_request webhooks in real-time.

🛠 Tech Stack

Our stack is carefully chosen for type safety, performance, and developer experience:

Frontend & Core

• Framework: React Router v7 (Full-stack capabilities)
• Language: TypeScript
• Styling: CSS Modules with custom Design System
• Components: Radix UI (Headless accessible primitives)
• Icons: Tabler Icons

AI & API

• AI Model: Llama 3.3 70B
• Inference Provider: Groq SDK
• Version Control: @octokit/rest

🚀 Getting Started

Prerequisites

Ensure you have the following installed on your local machine:

• Node.js (v20 or higher recommended)
• npm (v10 or higher)
• Git

Installation

1. Clone the repository:

   git clone https://github.com/rushikesh-bobade/codesense-ai.git
   cd codesense-ai

2. Install dependencies:

   npm install

3. Environment Setup: Create a .env file in the root directory and add your required API keys:

   GROQ_API_KEY=your_groq_api_key_here
   GITHUB_TOKEN=your_github_personal_access_token # Optional: For higher rate limits

4. Start the development server:

   npm run dev

5. Open your browser: Navigate to http://localhost:5173 to see the application running.

📁 Project Structure

codesense-ai/
├── app/
│   ├── blocks/          # Complex UI compositions (e.g., Dashboards, Hero sections)
│   ├── components/      # Reusable foundational UI elements
│   ├── data/            # Data models, stores, and API wrappers
│   ├── hooks/           # Custom React hooks
│   ├── routes/          # React Router file-based routing and pages
│   └── styles/          # Global CSS, resets, and theme tokens
├── public/              # Static assets (Favicon, images)
├── package.json         # Project dependencies and scripts
└── vite.config.ts       # Vite and React Router configuration

📜 Available Scripts

• npm run dev - Starts the development server with Hot Module Replacement (HMR).
• npm run build - Builds the application for production.
• npm run start - Serves the built production application.
• npm run typecheck - Runs TypeScript type checking across the project.

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

Distributed under the MIT License. See LICENSE for more information.

---

Built for developers, by developers.