Code Sync

Editor kode kolaboratif dan real-time di mana pengguna dapat dengan mulus kode bersama. Ini menyediakan platform bagi banyak pengguna untuk memasuki ruangan, berbagi ID kamar yang unik, dan berkolaborasi pada kode secara bersamaan.

? Fitur

• Kolaborasi real-time pada pengeditan kode di beberapa file
• ? Buat, buka, edit, simpan, hapus, dan atur file dan folder
• ? Opsi untuk mengunduh seluruh basis kode sebagai file zip
• Generasi kamar yang unik dengan ID kamar untuk kolaborasi
• ? Dukungan bahasa yang komprehensif untuk pemrograman serbaguna
• ? Penyorotan sintaks untuk berbagai jenis file dengan deteksi bahasa otomatis
• Eksekusi Kode: Pengguna dapat menjalankan kode secara langsung dalam lingkungan kolaborasi, memberikan umpan balik dan hasil instan.
• ⏱️ Pembaruan instan dan sinkronisasi perubahan kode di semua file dan folder
• Pemberitahuan untuk pengguna bergabung dan meninggalkan acara
• Daftar Pengguna Kehadiran Pengguna Saat ini dalam sesi kolaborasi, termasuk indikator status online/offline
• Obrolan grup memungkinkan pengguna untuk berkomunikasi secara real-time saat mengerjakan kode.
• ? Tooltip real-time menampilkan pengguna saat ini mengedit
• Saran mobil berdasarkan bahasa pemrograman
• ? Opsi untuk mengubah ukuran font dan keluarga font
• ? Beberapa tema untuk pengalaman pengkodean yang dipersonalisasi
• ? Gambar kolaboratif: Memungkinkan pengguna untuk menggambar dan membuat sketsa secara kolaboratif secara real-time, meningkatkan pengalaman interaktif proyek Anda.

Pratinjau Langsung

Anda dapat melihat pratinjau langsung proyek di sini.

Tumpukan teknologi

Instalasi

1. FORK Repositori ini: Klik tombol Fork yang terletak di sudut kanan atas halaman ini untuk memperpadukan repositori.

2. Klon Repositori:

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

3. Atur file .env: Di dalam direktori klien dan server ganti nama file .env.example ke .env dan atur variabel lingkungan berikut:

   Frontend:

   VITE_BACKEND_URL= < your_server_url >

   Backend:

   PORT=3000

4. Instal Dependencies: Navigasikan ke Direktori Frontend and Backend secara terpisah dan jalankan:

    npm install

5. Mulai server Frontend dan Backend:
   Frontend:

    cd client
   npm run dev

   Backend:

    cd server
   npm run dev

6. Akses aplikasi: Buka browser dan masukkan URL berikut:

   http://localhost:5173/

? Fitur untuk rilis berikutnya

• Izin Admin: Menerapkan sistem izin admin untuk mengelola level akses pengguna dan mengontrol fitur platform tertentu.

? Menyumbang

Kami menyambut kontribusi untuk membuat sinkronisasi kode menjadi lebih baik! Apakah Anda melaporkan bug, menyarankan fitur baru, atau memperbaiki kesalahan ketik, input Anda sangat berharga bagi kami. Ikuti pedoman kontribusi untuk memulai.

? Mendukung kami

Jika Anda menemukan ini bermanfaat atau berharga, silakan pertimbangkan? membintangi repositori. Ini membantu kita mendapatkan visibilitas dan mendorong pengembangan lebih lanjut. Kami menghargai dukungan Anda!

? Lisensi

Proyek ini dilisensikan di bawah lisensi MIT.

? Penghargaan atas sumber daya

Terima kasih khusus kepada EMKC untuk menyediakan API Piston, memungkinkan eksekusi kode. Untuk informasi lebih lanjut, kunjungi tautan berikut:

• Repositori Piston
• Piston Docs

Juga, rasa terima kasih yang besar kepada kontributor TLDRAW untuk perpustakaan mereka yang luar biasa. Untuk informasi lebih lanjut tentang TLDRAW, silakan kunjungi:

• Repositori TLDRAW
• Dokumentasi tldraw

✍️ tentang pengembang

Sahil Atahar