このプロジェクトは、ユーザーがランダムな人とチャットできるソーシャルメディアアプリであるMonkeyアプリの最小限のクローンです。フロントエンドのReactJS、状態管理用のRedux Toolkit、WebrtcのPeerjs、React UseWebsocket、Bunjs for the BackEnd、コンテナ化とオーケストレーション用のDockerなど、さまざまなテクノロジーを使用しています。
アプリケーションのライブデモにアクセスできますhttps://monkey.misterneo.pro
Monkey App Cloneは、Monkeyアプリの機能を再現することを目的としたプロジェクトです。これにより、ユーザーはWeBRTCテクノロジーを使用してビデオチャットに参加できます。また、ユーザーはWeBRTC Datachannelを使用してテキストメッセージを相互に送信することもできます。このアプリは、FrontEndのReactJS、状態管理用のRedux Toolkit、WebrtcのPeerjs、React UseWebsocket、Bunjs for the BackEnd、コンテナ化およびオーケストレーション用のDockerを使用して構築されています。
アプリを実行する前に、マシンにBunjsがインストールされていることを確認してください。インストール手順はここにあります。 BUNJSをインストールできない場合は、Docker Composeファイルを使用してDockerを使用してアプリを実行できます。
git clone https://github.com/misterneo/monkey-app-clone.git
cd monkey-app-cloneserverディレクトリに移動します cd server
bun installbun run index.tsこれにより、ポート3000でWebSocketとHTTPサーバーが開始されます。
オプション：
--portフラグ、たとえば、bun run index.ts --port 5000を使用してポートを指定できます。--debugflag、例えば、bun run index.ts --debug使用してデバッグモードを有効にします。
デフォルトのポートを変更することにした場合、
clientディレクトリの.env.localファイルのVITE_SERVER_PORT変数を更新する必要があります。.env.exampleファイルをコピーして.env.localに変更することで、それを行うことができます。次に、VITE_SERVER_PORT変数を指定したポートに更新します。
clientディレクトリに移動します cd clientbun installbun run devこれにより、ポート5173でアプリが開始されますhttp://localhost:5173に移動してアプリを表示します。
docker compose up -d --buildアプリが起動するのを待ちます。コマンドを初めて実行するには数分かかる場合があります。
http://localhost:5173に移動して、アプリを表示します。
docker compose down貢献は大歓迎です。プルリクエストを開いたり、問題を提出したりしてください。
このプロジェクトは、MITライセンスの下でライセンスされています。詳細については、ライセンスファイルを参照してください。
