Be Code-Able with Codeably: Realtime Collaborative Coding.

Codeably is a real-time coding collaboration platform that enables users to engage in collaborative coding sessions. Users can access a curated set of coding questions, solve them individually, or seek assistance from their peers. When a user clicks "Connect with Peer," a push notification is sent to all web devices, allowing available individuals to join and provide assistance in real-time. Codeably supports a wide array of features, including video calls, audio calls, live cursor tracking, member location identification, component locking, and avatars. Users can also earn stars as a reward for their participation and contributions.

How we built it

Codeably was built using a combination of modern technologies, including Ably and Ably Spaces for real-time communication and synchronization. We leveraged Node JS, React JS, and WebRTC to support features like video calls and audio calls. The coding challenges and questions are stored with MongoDB and managed efficiently, ensuring a seamless experience for users. Our development team worked meticulously to create a user-friendly interface that integrates all these functionalities seamlessly.

Challenges we ran into

The development of Codeably posed several challenges. Ensuring a real-time and seamless experience, even with a large number of concurrent users, required rigorous optimization. Integrating video calls, audio calls, and live cursor tracking while maintaining performance was another significant challenge. We also worked on refining the user experience to make it both accessible and user-friendly, considering the diverse coding backgrounds of our users.

Accomplishments that we're proud of

We take pride in several accomplishments. Creating a real-time coding collaboration platform that effectively supports video and audio calls, as well as collaborative coding, is a remarkable achievement. Our team worked tirelessly to ensure that Codeably is not only feature-rich but also user-centric, providing an enriching learning and collaborative experience for all users. We're also proud of seamlessly integrating Ably and Ably Spaces to enhance the real-time capabilities of our platform.

What we learned

Throughout the development of Codeably, we gained valuable insights into the power of real-time collaboration in coding education. We learned how to manage complex interactions, optimize performance, and create an engaging platform for learning and collaboration. Additionally, our team deepened their understanding of Ably's capabilities, particularly in real-time communication and synchronization.

What's next for CODEABLy

The journey continues for Codeably, with plans to expand and enhance its features. We aim to add more coding challenges and questions, create a more extensive and diverse community of users, and further improve the user experience. We will listen to user feedback and continue refining the platform based on their needs. Our vision is to make Codeably the ultimate destination for collaborative coding, learning, and mentorship, where users can unlock their full coding potential while helping others do the same.

Directions to Use

1. You must click on "Connect to Peer" to start with ably spaces.

2. You must terminate the session once you have initiated it to update the real-time status.

3. A person must be in a valid space to have video call initialization.

4. No information about guest users will be saved.