monkey app clone

猴子應用程序克隆？

該項目是Monkey App的最小克隆，這是一個社交媒體應用程序，可讓用戶與隨機人員聊天。它使用各種技術，包括用於前端的ReactJ，用於狀態管理的Redux工具包，用於WebRTC的PEERJS，React use useWebsocket，Bunjs的後端和用於容器化和編排的Docker。

可以訪問該應用程序的實時演示：https：//monkey.misterneo.pro

目錄

• 描述
• 使用的技術
• 先決條件
• 運行該應用程序
  • 使用bunjs
  • 使用Docker組成
• 貢獻
• 執照

描述

猴子應用程序克隆是一個旨在復制猴子應用功能的項目。它允許用戶使用WEBRTC技術進行視頻聊天。它還允許用戶使用WEBRTC Datachannel互相發送短信。該應用程序是為前端的ReactJ構建的，用於狀態管理的Redux工具包，用於WEBRTC的PEERJS，React UseWebsocket，Bunjs的後端和用於容器化和編排的Docker。

使用的技術

• ReactJS（前端）
• Redux工具包（州管理）
• PEERJS（WEBRTC）
• React usewebsocket（websockets）
• bunjs（後端）
• Docker（容器化）
• Docker組成（集裝箱編排）

先決條件

在運行應用程序之前，請確保將BUNJS安裝在計算機上。可以在此處找到安裝說明。如果您無法安裝BUNJ，則可以使用Docker組成的文件與Docker一起運行該應用程序。

運行該應用程序

• 克隆存儲庫

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

使用bunjs

運行後端

• 轉到server目錄

 cd server

• 安裝依賴項

bun install

• 運行應用程序

bun run index.ts

這將在端口3000上啟動Websocket和HTTP服務器。

可選：

您可以使用--port標誌指定端口，例如， bun run index.ts --port 5000 。使用--debug Flag，例如， bun run index.ts --debug啟用調試模式。

如果決定更改默認端口，則需要在client目錄中的.env.local文件中更新VITE_SERVER_PORT變量。您可以通過複製.env.example文件並將其重命名為.env.local來做到這一點。然後，將VITE_SERVER_PORT變量更新為您指定的端口。

運行前端

• 轉到client目錄

 cd client

• 安裝依賴項

bun install

• 運行應用程序

bun run dev

這將在端口5173上啟動該應用。導航到http://localhost:5173以查看應用程序。

使用Docker組成

• 在項目的根部運行以下命令以啟動應用程序：

docker compose up -d --build

等待應用程序啟動。您第一次運行命令時可能需要幾分鐘。

導航到http://localhost:5173查看應用程序。

• 要停止應用程序，請運行以下命令：

docker compose down

貢獻

歡迎捐款。隨時打開拉動請求或提交問題。

執照

該項目已根據MIT許可獲得許可。有關更多詳細信息，請參見許可證文件。