GSoC Program Link : Whiteboard Integration 👨💻
Github Repo : Whiteboard App 🚀
Organization : Rocket.Chat 🌟
The Whiteboard Integration project enhances collaborative experiences in Rocket.Chat by introducing a powerful Whiteboard App. This integration facilitates real-time visual communication, making it easy for users to create and share diagrams, drawings, and more. With a user-friendly interface and features like slash commands and action buttons, users can effortlessly create and collaborate on whiteboards. The project also offers a convenient local setup guide, allowing users to deploy the app locally for testing. This integration adds a new dimension to communication within Rocket.Chat, fostering creativity and efficient collaboration.
Screencast.from.18-10-23.10.43.12.PM.IST.webm
Screencast.from.18-10-23.10.46.02.PM.IST.webm
Screencast.from.18-10-23.10.47.17.PM.IST.webm
Screencast.from.18-10-23.11.05.30.PM.IST.webm
Screencast.from.18-10-23.11.08.36.PM.IST.webm
| PR Link | Description | Status |
|---|---|---|
| PR #3 | [FEAT] Initialized Basic commands |  |
| PR #4 | [FEAT] Initialized Webpack Excalidraw build | |
| PR #11 | [FEAT] Made Preview Block for Board | |
| PR #14 | [FEAT] Created Whiteboard Action Buttons | |
| PR #15 | [FEAT] Excaidraw Source code integration | |
| PR #16 | [FEAT] Integration Rocket.Chat-apis support in source code | |
| PR #17 | [FIX] Stable update for files and boards | |
| PR #18 | [FEAT] Settings modal | |
| PR #19 | [FEAT] Permission System | |
| PR #20 | [Chore] : Publishing App to Rocket.Chat marketplace |  |
| PR #21 | [Chore] : Integration of Socket.io Source code | |
-
Iframe Inefficiency: Our initial Iframe approach lacked scalability and flexibility.
-
Webpack Transition: Adapting to Webpack for bundling and serving posed technical hurdles and learning curves.
-
Real-time Previews: Generating and storing real-time previews in base64 format demanded efficient coding and handling.
-
External Files Storage: Managing external files storage added complexity to the project's infrastructure and data handling.
-
Implement Live Collaboration: Enabling live collaboration is a complex task because it involves integrating Excalidraw's collaboration features, which rely on websockets. However, there's a challenge because the Rocket.Chat App's Engine currently doesn't support sockets. The future goal here is to overcome this challenge and find a way to implement live collaboration, allowing multiple users to work on a whiteboard simultaneously and in real-time.
-
Implement a Context Bar: To enhance the usability and management of boards, the project aims to implement a Context Bar. This feature will provide a user-friendly interface for users to easily navigate and manage their boards. It could include options to switch between different boards, organize and categorize boards, and access board-specific settings. The goal is to make the user experience more intuitive and efficient when working with multiple whiteboards.
-
Shiqi Mei 🚀: Your mentorship and expertise were instrumental in shaping this project. Your guidance steered me through challenges and inspired creative solutions.
-
Douglas Gubert🚀: Your mentorship and dedication to this project were truly remarkable. Your insights and feedback were invaluable in driving progress.
-
Rocket.Chat 🚀: I am grateful to Rocket.Chat for providing me with the opportunity to work on this project. Your commitment to open source and community-driven development is commendable.
- I'd like to extend my thanks to my fellow GSoC participants who shared their knowledge and experiences. Your camaraderie made this journey even more rewarding.
- To my family and friends who supported me throughout this endeavor, your encouragement and understanding were my pillars of strength.
- To the broader open source community, I'm thankful for the wealth of resources and collaborative spirit that enabled me to succeed in this project.
This GSoC journey wouldn't have been possible without the support and encouragement of these individuals and organizations. Thank you all for making this a truly enriching experience.
| Mentee: Vinayak Sharma | Mentor: Shiqi Mei | Mentor: Douglas Gubert |
|---|---|---|
 |
 |
 |
| GitHub | GitHub | GitHub |