🧑‍💻 CodeUnity: Real-Time Collaborative Coding Platform

Live Demo

“CodeUnity empowers real-time collaboration and creativity—enabling developers to build, learn, and grow together.”

---

📘 Overview

CodeUnity is a real-time collaborative code editor designed to streamline the development process by enabling seamless code sharing and collaborative editing. With real-time synchronization, live chat, and a built-in drawing pad, CodeUnity empowers teams to code together, share ideas visually, and create efficiently—all within a single platform.

---

🎯 Target Users

• 👨‍💻 Developers & Development Teams: Collaborate on codebases and projects in real-time.
• 🎓 Students & Educators: Conduct coding sessions, share exercises, and receive real-time feedback.
• 🚀 Freelancers & Entrepreneurs: Present ideas and build products with clients collaboratively.

---

🌟 Benefits

• ⚡ Real-Time Collaboration: Collaborators can edit the same file simultaneously and see changes instantly.
• 🎨 Built-In Drawing Pad: Visually design flowcharts, wireframes, and algorithms inside the platform.
• 💬 Instant Feedback: Discuss and iterate on ideas quickly using integrated live chat and commenting.
• 🔌 Seamless Integration: Works smoothly with existing codebases and development workflows.
• 🔒 Security First: User authentication is powered by robust JWT and OAuth protocols.

---

🛠️ Features

🧩 Feature	💡 Description
✍️ Real-Time Code Editing	Synchronously code with multiple users—instant updates and smooth experience.
💬 Live Chat	In-built messaging system to communicate during sessions.
🎨 Collaborative Drawing Pad	Draw diagrams, architecture, or pseudocode collaboratively.
🌈 Syntax Highlighting	Multi-language support with syntax-aware formatting.
📂 Project/File Management	Organize code into projects and structured folders.
🖥️ Code Execution	Run code in an isolated environment (powered by Docker).
🔒 Secure Authentication	Role-based access via JWT & OAuth strategies.
🧪 Testable & Extendable	Built with testing and scalability in mind.

---

🧱 Tech Stack

⚙️ Frontend

• React.js
• Redux for state management
• Tailwind CSS for modern, responsive UI

🔧 Backend

• Node.js
• Express.js

🗄️ Database

• MongoDB

🔐 Authentication

• JWT (JSON Web Tokens)
• OAuth (Google/Third-party logins)

📡 Real-Time Communication

• WebSockets (Socket.IO)

🐳 Code Execution

• Piston API for running code securely in isolated environments

🧪 Testing

• Jest

🔁 Version Control

• Git & GitHub

---

🚀 Deployment

CodeUnity is currently live and can be accessed here:
🔗 Frontend: https://cunity.vercel.app/

🔗 Backend : https://s65-nishat-capstone-codeunity-swbt.onrender.com

---