Skip to content

A collaborative, real-time code editor where users can seamlessly code together. It provides a platform for multiple users to enter a room, share a unique room ID, and collaborate on code simultaneously.

License

Notifications You must be signed in to change notification settings

Mozeel-V/code-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dev Nest Logo

Dev Nest

A collaborative, real-time code editor where users can seamlessly code together. It provides a platform for multiple users to enter a room, share a unique room ID, and collaborate on code simultaneously.

🔮 Features

  • 💻 Real-time collaboration on code editing across multiple files
  • 📁 Create, open, edit, save, delete, and organize files and folders
  • 💾 Option to download the entire codebase as a zip file
  • 🚀 Unique room generation with room ID for collaboration
  • 🌍 Comprehensive language support for versatile programming
  • 🌈 Syntax highlighting for various file types with auto-language detection
  • 🚀 Code Execution: Users can execute the code directly within the collaboration environment
  • ⏱️ Instant updates and synchronization of code changes across all files and folders
  • 📣 Notifications for user join and leave events
  • 👥 User presence list with online/offline status indicators
  • 💬 Real-time group chatting functionality
  • 🎩 Real-time tooltip displaying users currently editing
  • 💡 Auto suggestion based on programming language
  • 🔠 Option to change font size and font family
  • 🎨 Multiple themes for personalized coding experience
  • 🎨 Collaborative Drawing: Enable users to draw and sketch collaboratively in real-time
  • 🤖 Copilot: An AI-powered assistant that generates code, allowing you to insert, copy, or replace content seamlessly within your files.

🚀 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 Vercel Docker

⚙️ Installation

  1. Fork this repository: Click the Fork button located in the top-right corner of this page.

  2. Clone the repository:

    git clone https://github.com/Mozeel-V/code-editor.git
  3. Create .env file: Inside the client and server directories create .env and set:

    Frontend:

    VITE_BACKEND_URL=<your_server_url>

    Backend:

    PORT=3000
  4. Install dependencies:

    npm install     # Run in both client and server directories
  5. Start the servers: Frontend:

    cd client
    npm run dev

    Backend:

    cd server
    npm run dev
  6. Access the application:

    http://localhost:5173/

🌟 Support Us

If you find this helpful or valuable, please consider 🌟 starring the repository. It helps us gain visibility and encourages further development. Feel free to fork, raise issues, or submit PRs to improve this project!

🧾 License

GitHub License

This project is licensed under the MIT License.

📝 Author

Mozeel Vanwani | IIT Kharagpur CSE

Email: [vanwani.mozeel@gmail.com]

About

A collaborative, real-time code editor where users can seamlessly code together. It provides a platform for multiple users to enter a room, share a unique room ID, and collaborate on code simultaneously.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages