Realtime Collaborative Coding Environment

When it comes to learning programming remotely, programmers tend to struggle to grasp the full concept of writing computer programs since coding is one of those things that requires complete interaction between student, teacher and the piece of program they are writing. One of the traditional approa

Project Title

Realtime Collaborative Coding Environment

Project Area of Specialization

Information & Communication Technology

Project Summary

When it comes to learning programming remotely, programmers tend to struggle to grasp the full concept of writing computer programs since coding is one of those things that requires complete interaction between student, teacher and the piece of program they are writing. One of the traditional approaches to teach coding remotely is that the teacher uses some kind of remote sharing communication application to share their coding workspace screen and the students get to see the code being written but, there is no interaction as far as the students are concerned. Our application eliminates this collaboration gap and lets student contribute in the code, this approach not only improves the logic building but also makes learning to code fun for the students, this is definitely the most efficient way of teaching programming. Our purpose is to develop and demonstrate how a system for highly-collaborative programming enables a code teaching model infeasible with current tools and to show that highly collaborative programming, using real-time collaborative editing of source code, is practical, useful, and enables new models of teaching programming.

Project Objectives

To demonstrate how a system for highly-collaborative programming enables a development model infeasible with current tools and to show that highly-collaborative programming, using real-time collaborative editing of source code, is practical, useful, and enables new models of software development. To build their applications, developers need resources, one of which is a code editor. The aim of this study is to design and create a real-time code editor application that uses web socket technology to allow users to collaborate on the project while working on it. This student partnership is a perfect match for a collaborative IDE. Students and teachers have a collaborative relationship as well.

Project Implementation Method

This project is a web-based collaborative coding and document editing environment designed for experimenting with how programmers can write code in close collaboration with one another. Since the editor is a web application, programmers use a standard web browser to connect to an application server that hosts their projects. The user interface is implemented in standard HTML and JavaScript and runs entirely in the browser. This project uses Web Sockets to support collaboration between multiple simultaneous editors. Any number of programmers can open the same file simultaneously, and their concurrent changes are shared in near real-time to enable smooth collaboration whether they are working together remotely or at the same desk. To provide a rich code editing environment, this project uses Monaco Editor which provides IntelliSense, Validation and Syntax Colorization. On the server side, this project uses Node.js, Express.js and Socket.io to implement a Web Socket server to make a persistent connection between clients and the server using Sockets in order to track the changes made by different users.

Benefits of the Project

The Integrated Development Environment (IDE) is focused to provide a collaborative setting for programming teams which has the ability to do real-time text editing, run and build code, chat, and various other features. Collaborative programming in real-time support programmers to work on the same programming file. Real-time systems will automatically combine the code typed by a programmer without manual command from the programmer (such as update, commit) .Multiple programmers are enabled to access and edit the same source code directory, even at the same time.The Integrated Development Environment (IDE) is focused to provide a collaborative setting for programming teams which has the ability to do real-time text editing, run and build code, chat, and various other features. Collaborative programming in real-time support programmers to work on the same programming file. Real-time systems will automatically combine the code typed by a programmer without manual command from the programmer (such as update, commit) .Multiple programmers are enabled to access and edit the same source code directory, even at the same time.

Technical Details of Final Deliverable

• Registration
• Authentication
• Authorization
• Create Coding Session
• Generate Unique Session Key
• Share Unique Session Key with others
• Join Coding Session (by using system generated unique session key)
• List of participants in the session
• Code Editor
• Editor Theme
• Font Size
• Tab Size
• Cursor Style
• Cursor Blinking
• Programming Language
• Intellisense Support for Languages
• Instant Messaging
• File storage on the Server
• Real-time file update on the server
• Download Session Code File
• Video Calling
• Access Right Management (ARM)
• Read/Write Access
• Set Coding Tasks
• Private Coding Session Between the teacher and a particular student
• Student can make collaborative code private to make changes in it without affecting the teacher’s code

Final Deliverable of the Project

Software System

Core Industry

IT

Other Industries

Education

Core Technology

Cloud Infrastructure

Other Technologies

Sustainable Development Goals

Decent Work and Economic Growth, Industry, Innovation and Infrastructure

Required Resources

If you need this project, please contact me on contact@adikhanofficial.com