CollabBoard
Совместная доска, документы и рабочие пространства с синхронизацией в реальном времени.
О проекте
CollabBoard объединяет визуальную доску и текстовые документы в одном рабочем пространстве. Команда может раскладывать идеи на стикерах, строить схемы и работать с документами без перехода между отдельными инструментами. Доска построена на Konva, текстовый редактор — на Slate.js, совместные изменения синхронизируются через Yjs.
Задача
Объединить разные типы контента и одновременное редактирование в согласованной модели рабочего пространства.
Что реализовано
Инструменты для стикеров, фигур, пера, стрелок, фреймов и группировки объектов.
Соединители с привязкой к элементам и прилипанием к опорным точкам.
CRDT-синхронизация Yjs и шлюз Socket.IO / gRPC для совместной работы.
Роли, администрирование и шаблоны Kanban, mind map и ER-диаграмм.
Технологии
Архитектура и роль технологий
- Next.js
- Структура веб-интерфейса, страницы и взаимодействие серверного и клиентского слоёв.
- React
- Построение интерактивных компонентов и пользовательских сценариев.
- Konva
- Canvas-объекты и инструменты визуальной доски.
- Slate.js
- Структурированное редактирование текстовых документов.
- Yjs
- CRDT-модель для согласования одновременных изменений.
- gRPC
- Типизированный обмен между сервисными компонентами.
- Drizzle ORM
- Типизированный доступ к реляционным данным.
Как это работает
- Создать рабочее пространство и выбрать шаблон.
- Добавить объекты, связи и документы.
- Редактировать материалы вместе с командой.
Галерея проекта
Ниже — диаграммы архитектуры и модели данных из материалов проекта.
Есть задача? Найдём решение.
Расскажите, что нужно сделать. Уточним детали и предложим следующий шаг.
Обсудить проект