CodeHiveNG

🚀 CodeHiveNG is a real-time collaborative coding platform designed to help developers write, execute, and manage code together seamlessly. With support for multiple programming languages, live code synchronization, and a modern IDE, CodeHiveNG empowers teams to build and innovate efficiently.

🌟 Features

🔥 Real-time Code Collaboration

Multi-user simultaneous editing
Live code synchronization
Visual indicators for active users

🛠️ Multi-language Support

Supports 7 programming languages:

JavaScript (v18.15.0)
Python (v3.10.0)
Java (v15.0.2)
C (v10.2.0)
C++ (v10.2.0)
C# (v6.12.0)
Go (v1.16.2)

⚡ Code Execution

Live compilation & execution
Input/Output terminal support
Execution result sharing

📂 File Management

Create & save multiple files
Automatic file extension handling
File history and version tracking

🔐 User Authentication

Secure signup/login system
JWT-based authentication
Session management

🎯 Room Management

Private coding rooms
Unique room IDs for access sharing
Recent rooms history

🏗️ Technology Stack

Frontend

React.js (v18.3.1)
Material-UI (MUI) v6
Monaco Editor
Pusher.js (real-time updates)
Axios (API communication)
Tailwind CSS (styling)

Backend

Node.js with Express.js
MongoDB with Mongoose
Pusher (WebSocket communication)
JWT (authentication)
bcrypt (password hashing)

Deployment

Vercel for hosting
CORS security
Error handling & logging

🏛️ Architecture

Frontend Architecture

Component-based structure using React
State Management:
- Local state with React hooks
- Real-time sync using Pusher
- JWT for authentication

Backend Architecture

Follows MVC (Model-View-Controller) pattern
Secure API with authentication & role-based access

Real-time Collaboration

Implemented using Pusher.js for instant updates

Code Execution

User Interface

Modern dark theme with neon accents
Responsive design: Mobile-first, adaptive layouts
Smooth animations and custom scrollbars

🚀 Deployment

CodeHiveNG is fully optimized for deployment on Vercel.

📌 Pros & Benefits

🌟 Developer Experience

✅ Intuitive UI & UX
✅ Real-time collaboration
✅ Multi-language support
✅ Integrated code execution

⚡ Performance

✅ Optimized real-time updates
✅ Efficient code synchronization
✅ Fast execution times
✅ Responsive design

🔒 Security

✅ JWT authentication
✅ Secure WebSocket connections
✅ API protection & input sanitization

🚀 Scalability

✅ Microservices architecture
✅ Separate frontend & backend
✅ Database optimization
✅ Efficient state management

🔧 Maintainability

✅ Modular components
✅ Clean & well-documented codebase
✅ Comprehensive error handling

🔮 Future Enhancements

🔜 Planned Features

📹 Video/Audio chat integration
🏆 More programming languages
🎨 Custom themes
📂 Code snippets library

🔧 Technical Improvements

📶 Offline support
⚡ Performance optimizations
🔒 Enhanced security features
👥 Advanced collaboration tools

🎯 Getting Started

1️⃣ Clone the repository

git clone https://github.com/Nischaya008/CodeHiveNG

2️⃣ Install dependencies

cd frontend
npm install  # Install frontend dependencies
cd CodeHiveNG
npm install  # Install backend dependencies

3️⃣ Start the development server

# Start frontend
cd frontend
npm start

# Start backend
cd backend
npm run dev

4️⃣ Open in browser

http://localhost:3000

🤝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to enhance CodeHiveNG. 🚀

Fork the repository
Create a feature branch (git checkout -b feature-name)
Commit changes (git commit -m 'Add feature')
Push to the branch (git push origin feature-name)
Open a pull request

📝 License

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

📞 Contact

For any inquiries or feedback, reach out via:

📧 Email: nischayagarg008@gmail.com
🐦 Twitter: @Nischaya008
💼 LinkedIn: Nischaya Garg

Stay Innovated, Keep Coding, Think BIG! 🚀

Nischaya008/CodeHiveNG