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许可获得许可。有关更多详细信息，请参见许可证文件。