react nodejs chatgpt tutorial

これは、次のチュートリアルの開発中に React、Nodejs、OpenAi、ChatGPT を使用して作成されたフルスタック チャットボットです。

OpenAI、ChatGPT、Nodejs、React を使用してチャット ボット アプリケーションを構築する方法

ビデオチュートリアルを参照してください。

依存関係

バックエンド

• OpenAI
• チャットGPT
• リードライン
• ノーデジス

フロントエンド

• 反応する
• ヴィーテ

インストール

• このリポジトリのクローンを作成しますhttps://github.com/EBEREGIT/react-nodejs-chatgpt-tutorial

• リポジトリcd react-nodejs-chatgpt-tutorialに移動します。

• backendフォルダーcd backendに移動します。

• 依存関係をインストールするnpm install

• index.jsファイル内の構成データを独自のデータに置き換えます。

• index.jsファイルのnode indexを実行します。

これにより、ポート8000でバックエンド サーバーが起動します: http://localhost:8000/

• フロントfrontend cd frontendに移動します。
• 依存関係をインストールするnpm install
• ローカルサーバーを起動しますnpm run dev

これにより、デフォルトのブラウザ http://127.0.0.1:5173/ でプロジェクトが開きます。ブラウザから AI とチャットできるようになりました