anuakki avatar

CoDev (Collaborative Development)

anuakki

Published: 12 Apr 2024 โ€บ Updated: 12 Apr 2024CoDev (Collaborative Development)

CoDev (Collaborative Development)

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.

Leave CoDev (Collaborative Development) to:

Written by

Read more #vihaan posts


Best Posts From anuakki

We have not curated any of anuakki's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From anuakki