AI-Assisted Code Editor

Table of Contents

• Introduction
• Key Features
  • AI-Powered Linting & Auto-Completion
  • Code Debugging, Generation & Explanation
  • Speech & Voice Input/Output
  • Multi-User Collaboration with Live Cursor Positioning
  • Dark/Light Mode Toggle
• Technologies Used
• Installation
  • Backend Setup
  • Frontend Setup
  • Electron Setup

Introduction

This AI-powered code editor is a lightweight, real-time collaborative tool designed to help developers with intelligent code assistance. It integrates advanced features like AI-driven linting, auto-completion, speech input/output, and multi-user editing for seamless coding and collaboration.

Key Features

AI-Powered Linting & Auto-Completion

Offers real-time suggestions for code linting, error detection, and auto-completion to improve code quality and development speed.

Code Debugging, Generation & Explanation

AI identifies errors, generates new code snippets, and explains the logic behind your code in plain language, making it easier to understand and optimize.

Speech & Voice Input/Output

Allows developers to interact with the editor through voice commands, queries, and speech feedback, enabling hands-free coding and improved accessibility.

Multi-User Collaboration with Live Cursor Positioning

Multiple users can collaborate in real time with live cursor positioning, allowing everyone to see where others are working in the code.

Dark/Light Mode Toggle

The editor supports both dark and light modes to enhance user comfort, offering flexibility for different working environments.

Technologies Used

• React.js: Frontend framework for building user interfaces.
• Node.js: Backend environment for server-side processing.
• Socket.io: For real-time collaboration and communication.
• Speech Recognition API: For speech-to-text functionality.
• Electron.js: For packaging the app into a desktop application.

Installation

Backend Setup

1. Clone the repository:

   git clone https://github.com/samriddhitiwary/AI_Code_Editior.git
   cd backend

2. Install the dependencies:

   npm install

3. Start the backend server:

   npm start

   The backend will run on port 5000 by default.

Frontend Setup

1. Navigate to the frontend folder:

   cd frontend

2. Install the dependencies:

   npm install

3. Start the frontend server:

   npm start

   The frontend will run on port 3000 by default.

Electron Setup

1. Navigate to the Electron folder:

   cd electron

2. Install the dependencies:

   npm install

3. Start the Electron app:

   npm start

This will launch the AI-Assisted Code Editor as a desktop application.