https://github.com/peyush-nuwal/zeno.ai

A modern, AI-powered code review interface built using Vite, React 19, Express.js, and Google Generative AI. Designed to provide real-time, context-aware code suggestions and reviews with a clean developer-friendly experience.
https://github.com/peyush-nuwal/zeno.ai

expressjs gemini-api genai google googlegenai googlegenerativeai nodejs reactjs tailwindcss vite

Last synced: 3 months ago
JSON representation

A modern, AI-powered code review interface built using Vite, React 19, Express.js, and Google Generative AI. Designed to provide real-time, context-aware code suggestions and reviews with a clean developer-friendly experience.

• Host: GitHub
• URL: https://github.com/peyush-nuwal/zeno.ai
• Owner: peyush-nuwal
• Created: 2025-05-16T08:16:31.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-16T09:43:22.000Z (about 1 year ago)
• Last Synced: 2025-06-22T07:04:01.251Z (about 1 year ago)
• Topics: expressjs, gemini-api, genai, google, googlegenai, googlegenerativeai, nodejs, reactjs, tailwindcss, vite
• Language: JavaScript
• Homepage: https://zeno-ai-orcin.vercel.app/
• Size: 9.58 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Zeno AI Code Reviewer

🌐 [Live Site](https://zeno-ai-orcin.vercel.app/)

A modern, AI-powered code review interface built using Vite, React 19, Express.js, and Google Generative AI. Designed to provide real-time, context-aware code suggestions and reviews with a clean developer-friendly experience.

---

## 🚀 Features

- 🤖 Google Gen AI Integration for intelligent, context-aware code analysis and suggestions

- ✍️ Live Markdown & Code Editor with syntax highlighting and auto-formatting

- 🧠 Split-View Interface powered by react-split for seamless multi-panel workflow

- 🌈 PrismJS + rehype-highlight for language-aware syntax coloring

- 💡 Real-time code reviews with minimal latency using Express.js and Axios

- 🛠️ Custom code input via react-simple-code-editor

- ⚡ Built with Vite for ultra-fast dev experience and blazing-fast HMR

- 🚀 Future-ready using React 19 (experimental)

## 🧰 Tech Stack

![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)

![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)

![Google Gen AI](https://img.shields.io/badge/Google%20Gen%20AI-4285F4?style=for-the-badge&logo=google&logoColor=white)

![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white)

![PrismJS](https://img.shields.io/badge/PrismJS-F5A623?style=for-the-badge&logo=prism&logoColor=white)

![ReactMarkdown](https://img.shields.io/badge/React_Markdown-000000?style=for-the-badge&logo=react&logoColor=white)

![React-Simple-Code-Editor](https://img.shields.io/badge/React_Simple_Code_Editor-FF4785?style=for-the-badge&logo=react&logoColor=white)

![React-Split](https://img.shields.io/badge/React_Split-1E1E1E?style=for-the-badge&logo=react&logoColor=white)

![Rehype-Highlight](https://img.shields.io/badge/Rehype_Highlight-0D1117?style=for-the-badge&logo=highlight.js&logoColor=white)

## 🎥 Demo

Or view the live site:  

🌐 [https://zeno-ai-orcin.vercel.app/](https://zeno-ai-orcin.vercel.app/)

## Screenshots

![App Screenshot](/assets/s1.png)

![App Screenshot](/assets/s2.png)

![App Screenshot](/assets/s3.png)

![Demo Preview](/assets/zeno-preview.gif)

## 🛠 Installation & Setup

To run this app locally, follow these steps:

1. **Clone the repository**

```bash

git clone https://github.com/peyush-nuwal/zeno.ai.git

cd zeno.ai

```

2. **To start backend server**

```bash

cd backend 

npm install

```

3. **Start backend server**

```bash

npm run dev

```

4. **Open your browser and navigate to:**

```bash

http://localhost:3000

```

5. **Open another terminal and navigate to frontend:**

```bash

cd frontend

npm install

```

6. **Start development server**

```bash

npm run dev

```

7. **Open your browser and navigate to:**

```bash

http://localhost:5173

```

## 📬 Contact

- 🌐 [Portfolio](https://peyush-nuwal-portfolio.vercel.app/)

- 💼 [LinkedIn](https://linkedin.com/in/peyush-nuwal)

- 📧 Email: piyushnawal19@gmail.com