Code Sync

사용자가 함께 코딩 할 수있는 공동 작업 실시간 코드 편집기. 여러 사용자가 방에 들어가고 고유 한 방 ID를 공유하며 동시에 코드를 공동 작업 할 수있는 플랫폼을 제공합니다.

? 특징

• 여러 파일에서 코드 편집에 대한 실시간 협업
• ? 파일 및 폴더 작성, 열고, 편집, 저장, 삭제 및 구성
• ? 전체 코드베이스를 zip 파일로 다운로드하는 옵션
• 공동 작업을위한 룸 ID가있는 독특한 객실 생성
• ? 다목적 프로그래밍을위한 포괄적 인 언어 지원
• ? 자동 언어 감지가있는 다양한 파일 유형에 대한 구문 강조
• 코드 실행 : 사용자는 협업 환경 내에서 직접 코드를 실행하여 즉각적인 피드백과 결과를 제공 할 수 있습니다.
• ⏱️ 모든 파일 및 폴더에서 코드 변경의 즉각적인 업데이트 및 동기화
• 사용자 가입 및 휴가 이벤트에 대한 알림
• 온라인/오프라인 상태 표시기를 포함하여 현재 협업 세션에있는 사용자의 사용자 존재 목록
• 그룹 채팅을 통해 사용자는 코드에서 작업하는 동안 실시간으로 통신 할 수 있습니다.
• ? 실시간 툴팁 사용자가 현재 편집중인 사용자를 표시합니다
• 프로그래밍 언어를 기반으로 한 자동 제안
• ? 글꼴 크기와 글꼴 패밀리를 변경하는 옵션
• ? 개인화 된 코딩 경험을위한 여러 테마
• ? 협업 드로잉 : 사용자가 실시간으로 공동 작업을 수행하고 스케치하여 프로젝트의 대화식 경험을 향상시킬 수 있습니다.

라이브 미리보기

여기에서 프로젝트의 실시간 미리보기를 볼 수 있습니다.

기술 스택

설치

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. 종속성 설치 : 프론트 엔드 및 백엔드 디렉토리로 개별적으로 이동하여 실행하십시오.

    npm install

5. 프론트 엔드 및 백엔드 서버를 시작하십시오.
   프론트 엔드 :

    cd client
   npm run dev

   백엔드 :

    cd server
   npm run dev

6. 응용 프로그램 액세스 : 브라우저를 열고 다음 URL을 입력하십시오.

   http://localhost:5173/

? 다음 릴리스 기능

• 관리자 권한 : 사용자 액세스 레벨을 관리하고 특정 플랫폼 기능을 제어하기위한 관리자 권한 시스템을 구현합니다.

? 기여하다

우리는 코드 동기화를 더 좋게 만드는 기여를 환영합니다! 버그를보고하거나 새로운 기능을 제안하거나 오타를 수정하든 입력은 우리에게 가치가 있습니다. 기여 가이드 라인을 따라 시작하려면 시작하십시오.

? 우리를 지원하십시오

도움이되거나 귀중한 것을 찾으면 고려하십시오. 저장소 주연. 그것은 가시성을 얻고 추가 개발을 장려하는 데 도움이됩니다. 귀하의 지원에 감사드립니다!

? 특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다.

? 자원에 대한 감사

피스톤 API를 제공하여 코드 실행을 가능하게하는 EMKC에게 특별한 감사를드립니다. 자세한 내용은 다음 링크를 방문하십시오.

• 피스톤 저장소
• 피스톤 문서

또한 TLDRAD 기고자들에게 놀라운 도서관에게 큰 감사를드립니다. TLDRAD에 대한 자세한 내용은 다음을 방문하십시오.

• TlDRAD 저장소
• TLDRAD 문서

개발자에 대해 ✍️

Sahil Atahar