Code Sync

Совместный редактор кода в реальном времени, в котором пользователи могут беспрепятственно кодировать вместе. Он предоставляет платформу для нескольких пользователей для входа в комнату, поделиться уникальным идентификатором комнаты и сотрудничать по коду одновременно.

? Функции

• Сотрудничество в реальном времени в редактировании кода в нескольких файлах
• ? Создать, открыть, редактировать, сохранять, удалять и организовать файлы и папки
• ? Вариант загрузить всю кодовую базу как файл ZIP
• Уникальное поколение комнаты с идентификатором комнаты для сотрудничества
• ? Комплексная языковая поддержка универсального программирования
• ? Синтаксическое выделение для различных типов файлов с помощью обнаружения автоматического языка
• Выполнение кода: пользователи могут выполнять код непосредственно в среде сотрудничества, предоставляя мгновенную обратную связь и результаты.
• ⏱ Мгновенные обновления и синхронизация изменений кода во всех файлах и папках
• Уведомления о присоединении к пользователю и оставлению событий
• Список присутствия пользователей пользователей в настоящее время в сеансе сотрудничества, включая индикаторы статуса онлайн/офлайн
• Групповой чат позволяет пользователям общаться в режиме реального времени во время работы над кодом.
• ? Редактирование пользователей в реальном времени отображает пользователей в настоящее время редактирование
• Автоматические предложения на основе языка программирования
• ? Возможность изменить размер шрифта и семейство шрифтов
• ? Несколько тем для персонализированного опыта кодирования
• ? Совместный рисунок: Позволяйте пользователям рисовать и рисовать совместно в режиме реального времени, улучшая интерактивный опыт вашего проекта.

Живой предварительный просмотр

Вы можете просмотреть живой предварительный просмотр проекта здесь.

Технический стек

Установка

1. Вилка этого репозитория: нажмите кнопку вилки, расположенную в верхнем правом углу этой страницы, чтобы разветвлять репозиторий.

2. Клонировать репозиторий:

   git clone https://github.com/ < your-username > /Code-Sync.git

3. Установите файл .ENV: Внутри каталоги клиента и сервера переименовать файл .env.example в .env и установите следующие переменные среды:

   Внешний интерфейс:

   VITE_BACKEND_URL= < your_server_url >

   Бэкэнд:

   PORT=3000

4. Установите зависимости: перейдите к каталогам Frontend и Backend отдельно и запустите:

    npm install

5. Запустите серверы Frontend и Backend:
   Внешний интерфейс:

    cd client
   npm run dev

   Бэкэнд:

    cd server
   npm run dev

6. Доступ к приложению: откройте браузер и введите следующий URL:

   http://localhost:5173/

? Функции для следующего релиза

• Административное разрешение: Реализуйте систему разрешений администратора для управления уровнями доступа пользователей и контроля над определенными функциями платформы.

? Способствовать

Мы приветствуем взносы, чтобы сделать код синхронизировать еще лучше! Независимо от того, сообщаете ли вы ошибку, предлагаете новую функцию или исправляете опечатку, ваш ввод является для нас ценным. Следуйте руководящим принципам взноса, чтобы начать работу.

? Поддержите нас

Если вы найдете это полезным или ценным, пожалуйста, подумайте? в главной роли в репозитории. Это помогает нам получить видимость и поощряет дальнейшее развитие. Мы ценим вашу поддержку!

? Лицензия

Этот проект лицензирован по лицензии MIT.

? Признательность за ресурсы

Особая благодарность EMKC за предоставление поршневого API, обеспечивающего выполнение кода. Для получения дополнительной информации посетите следующие ссылки:

• Поршень репозиторий
• Поршневые документы

Кроме того, огромная благодарность участникам Tldraw за их удивительную библиотеку. Для получения дополнительной информации о Tldraw, пожалуйста, посетите:

• Tldraw Repository
• Tldraw документация

✍ о разработчике

Сахил Атахар