This post is from a low-reputation account and contains an unverified outbound link. Be cautious before clicking external links.

CoDev (Collaborative Development)

anuakki(25)
Published in
#vihaan
Words
426
Reading
2 min
Listen
Play
2y

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.

Github link:

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.

CoDev (Collaborative Development) | Ecency