- Обзор моей работы
- Ссылка на код
- rajeshkhadka200 / collab
- Collab - инструмент синхронизации кода в реальном времени - это платформа для любого разработчика или энтузиаста кода, который хочет сотрудничать с другими разработчиками по всему миру.
- Представляем Collab - инструмент для совместной работы над кодом в реальном времени.
- Обзорное видео
- Как это работает
- Как хранятся данные:
- Дополнительные ресурсы / информация
- Некоторые скриншоты приложения :
- Включенные функции :
Обзор моей работы
Collab — это инструмент синхронизации кода в реальном времени, где один пользователь может сотрудничать с любым другим пользователем для написания кода в одно и то же время. Кроме того, пользователь может сохранять написанные фрагменты кода на сайте, создав профиль на сайте. Почему бы вам не попробовать самому 👉 ?
Я видел много людей, которые пишут код в google docs во время собеседования (особенно во время раунда кодирования). Поэтому я решил создать проект для решения этой проблемы. В это же время сообщество разработчиков объявило о проведении хакатонов & я подумал, что это самое подходящее время для создания проекта, который в конечном итоге привел к сотрудничеству.
Кроме того, хакатон также является одной из причин создания этого приложения!
Категория подачи:
Категория представления проекта - MEAN/MERN Mavericks.
Видео с описанием моего проекта
Используемый язык
Для создания приложения я использовал среду выполнения Node.js.
Кроме этого, Collab построен на следующих технологиях и пакетах:
- React JS (Frontend)
- Redis OM (Redis JSON, Redis Search)
- Socket.io (для коммуникации в реальном времени).
В конечном итоге, мой технологический стек для проекта - RERN (Redis, Express, React, Node).
Ссылка на код
rajeshkhadka200 / collab
rajeshkhadka200 / collab Collab - инструмент синхронизации кода в реальном времени - это платформа для любого разработчика или энтузиаста кода, который хочет сотрудничать с другими разработчиками по всему миру.
Представляем Collab - инструмент для совместной работы над кодом в реальном времени.
Collab - это инструмент синхронизации кода в реальном времени, где пользователи могут сотрудничать с другими разработчиками для написания кода в одно и то же время. Кроме того, пользователь может сохранять написанные фрагменты кода на сайте, создав профиль на сайте.
Обзорное видео
Как это работает
Рабочий процесс приложения описывается следующей архитектурной схемой.
Сначала устанавливается сокетное соединение через клиента. Когда пользователь подключается к сокету, он пишет код в редакторе. Код, написанный в редакторе, сохраняется в redis в виде Redis JSON.
Как хранятся данные:
Данные коллаборации хранятся в формате JSON на основе RediJSON. Общее отображение данных настраивается пакетом Redis-Om Node js.
Сначала необходимо установить соединение с облаком Redis:
import { Client } from "redis-om";
const url = process.
...
Дополнительные ресурсы / информация
Веб-сайт Collab
- Архитектурная схема Collab :
Некоторые скриншоты приложения :
- Домашняя страница
- Присоединиться к странице комнаты
- Страница редактора
- Страница профиля
Включенные функции :
- Можно пригласить любого другого пользователя для совместной работы.
- Автоматическая синхронизация кода при первой загрузке.
- Рассылка уведомления всем клиентам, подключенным к комнате, если какой-либо пользователь (присоединился, отсоединился, покинул) комнату.
- Поддерживает неограниченное количество пользователей, которые могут присоединиться к комнате.
- Ознакомьтесь с Redis OM, клиентскими библиотеками для работы с Redis как многомодельной базой данных.
- Используйте RedisInsight для визуализации данных в Redis.
- Подпишитесь на бесплатную базу данных Redis.