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
- Типізований доступ до реляційних даних.
Як це працює
- Створити робочий простір і вибрати шаблон.
- Додати об’єкти, зв’язки та документи.
- Редагувати матеріали разом з командою.
Галерея проєкту
Нижче — діаграми архітектури та моделі даних із матеріалів проєкту.
Є задача? Знайдемо рішення.
Розкажіть, що потрібно зробити. Уточнимо деталі та запропонуємо наступний крок.
Обговорити проєкт