Skip to content

ParthHalwane/CodeVerse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎥 Watch Demo Video

CodeVerse.mp4

🎥 Watch Demo Video on Youtube : https://youtu.be/bN1pSdE8klc

SOMETIMES THE WEBSITE MAY NOT WORK DUE TO THE USAGE OF WEBSOCKETS WHICH HAS LIMITATIONS ON HOSTING SERVICES LIKE VERCEL AND RENDER.

About the project

A real-time collaborative code editor that enables multiple users to join a shared room and work together seamlessly. Users can generate or join rooms using unique IDs, allowing for instant, synchronized coding sessions with live updates.

🔮 Features

💻 Synchronized Coding Environment: Collaborate in real-time on code across multiple files with seamless live syncing.

🗂️ Smart File & Folder System: Create, modify, organize, and manage a complete project directory structure with intuitive controls.

📦 Project Export: Download your entire workspace as a ZIP file for offline access or backup.

🔗 Instant Room Setup: Generate unique room IDs to invite others for secure, shared coding sessions.

🌐 Multi-language Support: Write and run code in a variety of programming languages with smooth switching.

🌈 Intelligent Syntax Highlighting: Automatically detect file types and highlight syntax accordingly for clean, readable code.

⚡ Built-in Code Runner: Execute your programs right from the editor, powered by integrated APIs for instant output.

🔄 Live File Sync: Keep all changes synchronized across users and files without any refresh or lag.

🔔 Real-Time User Alerts: Get notified when collaborators enter or exit your room.

🧑‍💻 Presence Detection: View active users and their current editing status within the workspace.

💬 Integrated Chat: Talk with teammates using the built-in group chat panel—perfect for collaboration and support.

🎯 Cursor Insight: See who’s editing what, with live tooltips showing participant activity.

✨ AI-Powered Suggestions: Get smart code completions and suggestions tailored to your programming language.

🔤 Font Customization: Choose your preferred font family and size for a personalized coding interface.

🌙 Theming Options: Toggle between multiple themes to suit your style—light, dark, and everything in between.

🧑‍🎨 Shared Whiteboard: Sketch ideas and diagrams together using a real-time collaborative drawing board.

🤖 AI Copilot Assistant: Your intelligent coding sidekick—generate, modify, and insert code directly into your workspace with one click.

🚀 Live Preview

You can view the live preview of the project here.

💻 Tech Stack

React TypeScript React Router Tailwind CSS NodeJS ExpressJS Socket io Git GitHub Render Docker

🔮 Features for Next Release

  • Expand the Scope: To expand the scope beyond just programming, by adding real-time collaborative project development.
  • Tech stack specific environment: To Develop a console and a preview window to view the web pages. For example, in case of vite+react, to start the server type "npm run dev" in the console and preview will be visible on the preview window.

🧾 License

This project is licensed under the MIT License.

Releases

No releases published

Packages

No packages published

Languages

close