Deployed Link: https://coding-collaborator-ai-compiler.vercel.app

Video Demonstration:

codecolab.mp4

Real-Time Coding Collaborator with AI Code Suggestions and OnBoard Compiler

Table of Contents

• Overview
• Features
• Project Structure
  • Directory Structure
• Getting Started
  • Prerequisites
  • Installation
  • Usage
  • Deployment
  • Testing
• Project Roadmap
• Contributing
• License
• Acknowledgments

Overview

CodeFuse is a real-time, interactive coding platform designed for collaborative programming. It enables multiple developers to write, edit, and execute code simultaneously in a shared environment. With features like AI-powered code suggestions, On Editor Code Compilations , Google authentication, and a Dracula-themed code editor, CodeFuse enhances productivity and teamwork for developers of all levels.

Features

• Real-Time Collaboration: Multiple users can edit code simultaneously in a shared room, with changes synced instantly via Socket.IO.
• AI-Powered Code Suggestions: Integrated with Google Gemini AI to provide real-time, context-aware code completions for languages like JavaScript, Python, Java, C++, and C.
• Code Execution: Run code directly in the editor using Judge0 API, with support for input and output display.
• Code Saving: Save code snippets to MongoDB, associated with user emails, with options to retrieve and delete saved codes.
• Google Authentication: Secure login using Firebase Google Authentication for seamless user access.
• Syntax Highlighting: Dracula-themed CodeMirror editor with support for JavaScript, Python, Java, C++, and C, including auto-close tags/brackets and line numbers.
• Room Management: Generate unique room IDs for collaboration sessions and share them easily with a copy-to-clipboard feature.
• Active Users Display: Shows all active users in a room with their usernames, emails, and profile photos.
• Responsive UI: Modern, vampire-themed UI with modals for saving codes and viewing saved snippets.
• Cross-Platform Support: Deployed on Vercel (frontend) and Render (backend) for reliable performance.

Project Structure

Directory Structure

CodeFuse/
├── client/             # Frontend application (React.js)
│   ├── public/         # Static files
│   └── src/            # React components and pages
│       ├── components/ # Reusable UI components
│       ├── pages/      # Application pages
│       └── utils/      # Helper functions and utilities
├── server/             # Backend application (Node.js/Express)
│   ├── controllers/    # API route handlers
│   ├── models/         # Database models (MongoDB)
│   ├── routes/         # API routes
│   └── utils/          # Backend utilities
├── .env                # Environment variables
├── package.json        # Project dependencies and scripts
└── README.md           # Project documentation

---

Features

Prerequisites

• Node.js (v14 or higher)
• npm (v6 or higher) or yarn
• MongoDB (running instance for backend database)

Installation

1. Clone the repository:

   git clone https://github.com/adityaRaj369/CodeFuse.git
   cd CodeFuse

2. Install dependencies for both client and server:

   cd client
   npm install
   
   cd ../server
   npm install

3. Open your browser and navigate to http://localhost:3000.

Testing

Run tests for both the client and server:

cd client
npm test

cd ../server
npm test

---

Features

• Real-Time Collaboration: Multiple developers can edit code simultaneously, with changes synced instantly via Socket.IO.
• AI-Powered Code Suggestions: Google Gemini AI provides context-aware code completions for JavaScript, Python, Java, C++, and C.
• Code Execution: Run code in the editor using the Judge0 API, with input and output support.
• Code Saving: Save code snippets to MongoDB, linked to user emails, with retrieval and deletion options.
• Google Authentication: Secure login via Firebase Google Authentication for a seamless user experience.
• Syntax Highlighting: Dracula-themed CodeMirror editor with support for JavaScript, Python, Java, C++, and C, featuring auto-close tags/brackets and line numbers.
• Room Management: Generate unique room IDs for collaboration sessions, shareable via copy-to-clipboard.
• Active Users Display: Shows active users in a room with usernames, emails, and profile photos.
• Responsive UI: Modern, vampire-themed interface with modals for saving and viewing code snippets.
• Cross-Platform Deployment: Hosted on Vercel (frontend) and Render (backend) for reliable performance.

Project Roadmap

• Phase 1: Implement core collaboration features (real-time editing, chat, and syntax highlighting).
• Phase 2: Add authentication and authorization.
• Phase 3: Integrate with GitHub and add version control features.
• Phase 4: Deploy to a cloud platform (e.g., AWS , Azure , render, vercel).

---

Contributing

We welcome contributions! Please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Commit your changes and open a pull request.

---

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Acknowledgments

• Inspired by tools like Visual Studio Live Share and CodeSandbox.
• Thanks to the open-source community for their support and contributions.