Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saikiran76/collabboard-2.0


https://github.com/saikiran76/collabboard-2.0

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README 

        
# Collaboard-2.0



## Real time Whiteboard's Flow/ Architecture of the application

![image](https://github.com/user-attachments/assets/249d8905-3946-4cfd-ab74-7f1e092c23f3)



## Tech-stack

### Frontend (deployed on Vercel)

- React for UI (Nextjs)

- Recoil for state management

- Socket-IO client for real-time communication and user colloboration



## Features of the current version

### Real-time Collaborative Drawing

- Multiple users can draw simultaneously 👥💬

- Drawing events are broadcasted to all room participants 

- Mouse position tracking

### Room Management

- Create/Join rooms with unique IDs

- Room size limit (12 users) && Room state persistence during session 

- User presence tracking 🖲️

### Proper canvas

- Draggable 🖱️

- Minimap for navigation

- Chat with the colloboaration users 👥💬



### Backend (deployed on Render)

- Nodejs (Express.js) for socket server

- Real-time Communication: WebSocket connection for low-latency updates

- Fallback to polling if WebSocket fails

- Room-based broadcasting for efficient updates



### Improvements/Next-steps

- Isolating services (Microservices + docker) along with proper event handling (by introducing NATS or Kafka, adding Message Queue)

- Scalability: Currently, the Socket.IO server holds all state in memory

- Reliability: Messages could be lost during server restarts

- Room persistence: Currently rooms are lost if server restarts

- Introducing additional productive toolkits in the toolbar

- Integration with AI