madhavan112/a-live-coder

A Collaborative Code editor for pair programming, interviews, teaching and a lot more. The "a-Live Coder" is a code pair platform where users can share an interactive editor and write code together. It has language support for C++, Java and python. This application is based on the concept of operational transformation which forms the basis

a-Live Coder

📜 Description:

A Collaborative Code editor for pair programming. The "a-Live Coder" is a code pair platform where users can share an interactive editor and write code together. It has language support for C++, Java and python. Video calling is also provided within this application. The project is heavily inspired from HackerRank's flagship product CodePair.

📽 Sample Demo:

a-Live.Coder.Demo.Made.with.Clipchamp.mp4

🌎 Deployed Website:

https://a-live-coder.netlify.app/

🏗 Built With:

• React.
• HTML.
• CSS.
• ShareDB.
• WebRTC.
• Monaco Editor.
• Netlify.

🧪 Steps to Build locally:

• Clone the Repository with:

git clone https://github.com/Akash-Ramjyothi/a-Live-Coder 

Frontend:

• Switch to Frontend folder:

cd editor

• Install required dependencies with:

npm install

• Run with:

npm start

Backend:

• Switch to Backend folder:

cd editor-backend

• Install required dependencies with:

npm install

• Run with:

npm run dev

🈳 Programming Languages Supported:

• C++.
• Java.
• Python.

💥 How to Contribute?

• Take a look at the Existing Issues or create your own Issues!
• Wait for the Issue to be assigned to you after which you can start working on it.
• Fork the Repo and create a Branch for any Issue that you are working upon.
• Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
• Add Screenshots to help me know what this Code is all about.

👦 Developed By:

Akash Ramjyothi

               ☎️ PH:[phone].

🌐 References Used:

• https://www.hackerrank.com/products/developer-skills-platform/interview/
• https://medium.com/@ethanryan/making-a-simple-real-time-collaboration-app-with-react-node-express-and-yjs-a261597fdd44
• https://pusher.com/tutorials/code-playground-react/