monkey app clone

Klon aplikasi monyet?

Proyek ini adalah klon minimal dari aplikasi Monkey, aplikasi media sosial yang memungkinkan pengguna untuk mengobrol dengan orang acak. Ini menggunakan berbagai teknologi termasuk reactJs untuk frontend, redux toolkit untuk manajemen negara, peerjs untuk webrtc, react Usewebsocket, bUNJs untuk backend, dan docker untuk kontainerisasi dan orkestrasi.

Demo langsung aplikasi dapat diakses di: https://monkey.misterneo.pro

Daftar isi

• Keterangan
• Teknologi digunakan
• Prasyarat
• Menjalankan aplikasi
  • Menggunakan BUNJS
  • Menggunakan Docker Compose
• Berkontribusi
• Lisensi

Keterangan

Monkey App Clone adalah proyek yang bertujuan untuk mereplikasi fungsionalitas aplikasi monyet. Ini memungkinkan pengguna untuk terlibat dalam obrolan video menggunakan teknologi WebRTC. Ini juga memungkinkan pengguna untuk mengirim pesan teks satu sama lain menggunakan WebRTC Datachannel. Aplikasi ini dibangun menggunakan reactJs untuk frontend, redux toolkit untuk manajemen negara, peerjs untuk WebRTC, React Usewebsocket, BUNJS untuk backend, dan docker untuk kontainerisasi dan orkestrasi.

Teknologi digunakan

• Reactjs (frontend)
• Redux Toolkit (Manajemen Negara)
• Peerjs (WEBRTC)
• Bereaksi Usewebsocket (Websockets)
• BUNJS (backend)
• Docker (kontainerisasi)
• Docker Compose (Container Orchestration)

Prasyarat

Sebelum menjalankan aplikasi, pastikan bahwa BUNJS diinstal pada mesin Anda. Instruksi instalasi dapat ditemukan di sini. Jika Anda tidak dapat menginstal BUNJS, Anda dapat menggunakan file Docker Compose untuk menjalankan aplikasi dengan Docker.

Menjalankan aplikasi

• Klon Repositori

git clone https://github.com/misterneo/monkey-app-clone.git
cd monkey-app-clone

Menggunakan BUNJS

Menjalankan backend

• Pergi ke direktori server

 cd server

• Instal dependensi

bun install

• Jalankan aplikasi

bun run index.ts

Ini akan memulai server WebSocket dan HTTP di port 3000.

Secara opsional:

Anda dapat menentukan port menggunakan bendera --port , misalnya, bun run index.ts --port 5000 . Aktifkan Mode Debug Menggunakan -Bendera --debug , Misalnya, bun run index.ts --debug .

Jika Anda memutuskan untuk mengubah port default, Anda harus memperbarui variabel VITE_SERVER_PORT di file .env.local di direktori client . Anda dapat melakukannya dengan menyalin file .env.example dan mengubah nama menjadi .env.local . Kemudian, perbarui variabel VITE_SERVER_PORT ke port yang Anda tentukan.

Menjalankan frontend

• Pergi ke direktori client

 cd client

• Instal dependensi

bun install

• Jalankan aplikasi

bun run dev

Ini akan memulai aplikasi di port 5173. Navigasi ke http://localhost:5173 untuk melihat aplikasi.

Menggunakan Docker Compose

• Jalankan perintah berikut di root proyek untuk memulai aplikasi:

docker compose up -d --build

Tunggu aplikasi dimulai. Ini mungkin memakan waktu beberapa menit saat pertama kali Anda menjalankan perintah.

Arahkan ke http://localhost:5173 untuk melihat aplikasi.

• Untuk menghentikan aplikasi, jalankan perintah berikut:

docker compose down

Berkontribusi

Kontribusi dipersilakan. Jangan ragu untuk membuka permintaan tarik atau mengirimkan masalah.

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Lihat file lisensi untuk lebih jelasnya.