reactjs18 virtualspeakz

VirtualSpeakz AIメッセンジャー

VirtualSpeakz-AI Messengerは、ChatEngine＆Openaiで構築されたアシスタント、チャット、コーディング用の巧妙なGPTボットを統合する驚異的なチャットアプリケーションです。

デモの表示・ドキュメント・レポートバグ・リクエスト機能

？目次

• プロジェクトについて
  • フォルダー構造
  • 環境変数
  • 技術スタック
• はじめる
  • インストール
  • ローカルで実行します
• 貢献
• ライセンス
• 接触
• 謝辞

？プロジェクトについて

このリポジトリには、アシスタント、チャット、コーディング用の巧妙なOpenaiボットを統合する驚異的なAIチャットアプリケーションがあります - @chatengine -io＆@openai APIで構築されています。 ？

！️フォルダー構造

VirtualSpeakz-AIメッセンジャーのフォルダー構造は次のとおりです。

VirtualSpeakz-AI-Messenger/
| - client/
  | - public/
  | - src/
    | - assets/
    | - components/
      | - chat/
        | - index.jsx
      | - header/
        | - index.jsx
      | - login/
        | - index.jsx
      | - messageForm/
        | - Ai.jsx
        | - AiAssist.jsx
        | - AiCode.jsx
        | - MessageFormUI.jsx
        | - StandardMessageForm.jsx
    | - state/
      | - api.js
    | - App.jsx
    | - index.scss
    | - main.jsx
    | - .env
    | - jsconfig.json
    | - .eslintrc.json
    | - vite.config.js
    | - package.json
| - server/
  | - routes/
    | - auth.js
    | - openai.js
  | - index.js
  | - .env
  | - package.json

？環境変数

virtualspeakz-aiメッセンジャーを使用するには、環境変数を.envファイルに追加する必要があります。virtualspeakz -aiは、OpenaiのAPIおよびチャットエンジンAPIを使用しているため、ここでOpenai APIキーを作成し、ここでチャットエンジンアカウントを作成して、このWebAppを実行して、以下の条件を確認する必要があります。

クライアント側[クライアント/.ENV]

client/ディレクトリに.envファイルを作成し、次の環境変数を追加します。

 VITE_BASE_URL = <SERVER_URL>
VITE_PROJECT_ID = <CHAT_ENGINE_PROJECT_ID> 

サーバーサイド[サーバー/.env]

server/ディレクトリに.envファイルを作成し、次の環境変数を追加します。

 PORT = <PORT>
OPENAI_API_KEY = <OPEN_AI_API_KEY>
CE_PROJECT_ID = <CHAT_ENGINE_PROJECT_ID>
CE_PRIVATE_KEY = <CHAT_ENGINE_PRIVATE_KEY>
CE_BOT_USER_NAME = <SYSTEM_AI_BOT_USER_NAME>
CE_BOT_USER_SECRET = <SYSTEM_AI_BOT_USER_SECRET>

アカウントの詳細

VirtualSpeak-AIチャットアプリケーションを使用するには、サインアップしてチャットを作成します。 AIチャットの使用はAI-{Chat/Code/Assist}という名前のチャットを作成します。すべてのチャットが存在するアカウントの詳細：

Username: Admin
Password: 123321

？技術スタック

（トップに戻る）

？はじめる

インストール

ステップ1：

以下のリンクを使用して、このリポジトリをダウンロードまたはクローンします。

 https://github.com/ladunjexa/VirtualSpeakz-AI-Messenger

ステップ2：

NPM（ノードパッケージマネージャー）を使用したVirtualSpeakz-AIしたがって、node.jsがコンソールで次のコマンドを実行してインストールされていることを確認してください。

  node -v

ステップ3：

メインフォルダーで、コンソールの次のコマンドを実行して、必要な依存関係を取得します。

  npm install

ステップ4：

メインフォルダーでコンソールの次のコマンドを実行して、 VirtualSpeakz-AIの生産ビルドを備えたビルドディレクトリを作成します。

  npm run build

ステップ5：

メインフォルダーで、コンソールの次のコマンドを実行してサーバーを実行します。

  npm run start

？ローカルで実行します

ステップ1：

メインフォルダーで、コンソールの次のコマンドを実行して、必要な依存関係を取得します。

  npm install

ステップ2：

メインフォルダーでコンソールの次のコマンドを実行して、開発サーバーを実行します。

  npm run dev

（トップに戻る）

貢献

貢献はいつでも大歓迎です！

開始する方法については、 contributing.mdを参照してください。

貢献は、オープンソースコミュニティを学び、インスピレーションを与え、創造するのに驚くべき場所にするものです。あなたがする貢献はどんな貢献も大歓迎です。

これを改善する提案がある場合は、レポをフォークしてプルリクエストを作成してください。また、タグ「拡張機能」で問題を開くこともできます。プロジェクトにスターを与えることを忘れないでください！再度、感謝します！

1. プロジェクトをフォークします
2. 機能ブランチを作成します（ git checkout -b feature/AmazingFeature ）
3. あなたの変更をコミットします（ git commit -m 'Add some AmazingFeature' ）
4. ブランチへのプッシュ（ git push origin feature/AmazingFeature ）
5. プルリクエストを開きます

（トップに戻る）

ショ和ライセンス

MITライセンスの下で配布されます。詳細については、license.txtを参照してください。

（トップに戻る）

？接触

Liron Abutbul - @lironabutbul6- @ladunjexa

プロジェクトリンク：https：//github.com/ladunjexa/virtualspeakz-ai-messenger

（トップに戻る）

？謝辞

このセクションは、VirtualSpeakz-AIで使用される有用なリソースとライブラリに言及していました。

クライアント

• Vite Dev
• 反応します
• チャットエンジンは高度です
• 反応ルーターv6
• 反応ドロップゾーン
• Reduxを反応します
• サス
• dotenv

サーバ

• axios
• ボディパーサー
• cors
• dotenv
• 急行
• ヘルメット
• モーガン
• Openai

（トップに戻る）