Theme: Open Innovation
Problems Faced:
- Team members working remotely develop code individually on their systems.
- Integration of code on GitHub through pull requests leads to merge conflicts.
- Resolving merge conflicts consumes valuable time, causing project delays.
- Collaboration through chatting requires separate meetings, hindering productivity.
Solution:
CoDev (Collaborative Development) is 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, can group chat and collaborate on code simultaneously.
๐ฎ Features
- ๐ป Real-time collaboration on code editing across multiple files
- ๐ Unique room generation with room ID for collaboration
- ๐ Syntax highlighting for various file types with auto-language detection
- ๐ก Auto suggestion based on programming language
- โฑ๏ธ Instant updates and synchronization of code changes across all files
- ๐ฃ Notifications for user join and leave events
- ๐จ Multiple themes for personalized coding experience
- ๐ Comprehensive language support for versatile programming
- ๐ Option to change font size and font family
- ๐ฅ User presence list of users currently in the collaboration session, including online/offline status indicators
- ๐ Open, edit, save, and delete file functionalities
- ๐พ Option to download files edited within the collaboration session
- ๐ฌ Group chatting allows users to communicate in real-time while working on code.
Future Enhancements:
1) Terminal Integration:
- Access a terminal within the editor to view code output, enhancing the development experience.
2) Collaboration Tools:
- Introduce a whiteboard and video calling feature within the editor room, facilitating real-time communication and brainstorming.
3) Autocompletion:
- Implement an autocompletion feature, inspired by Copilot, to assist developers with code suggestions and enhancements.
4) GitHub Integration:
- Enable direct integration with GitHub, allowing seamless code pushing from the editor room without the need for external IDEs like VSCode.
Tech Stack:
- JavaScript โก๏ธ
- React โ๏ธ
- React Router ๐
- Tailwind CSS ๐จ
- Node.js ๐
- Express.js ๐ฃ๏ธ
- Socket.io ๐งโ๐คโ๐ง
- Git ๐ฑ
- GitHub ๐
Our Team : Code Coven [Linkedin accounts attached]
We're a team of passionate tech enthusiasts, and we're thrilled to be representing ourselves at this hackathon. Our project focuses on developing developing a real time collaborative code editor , aiming to revolutionize the way developers work together. Each of us brings a unique set of skills to the table , from coding experience to UI/UX design finesse. We are determined to create something truly impactful.
Getting to know about Hive (Decentralized Blockchain Platform):
We stumbled upon Hive during a 24-hour National Level hackathon called Vihaan007 held at Delhi Technological University.