More Premium Hugo Themes Premium Vue Themes

Chatgpt Vue

使用 Vue3 + Typescript + Tailwind CSS 框架,调用 OpenAI 的 gpt-3.5-turbo 模型 API 实现的简单聊天对话,支持连续对话。

Chatgpt Vue

使用 Vue3 + Typescript + Tailwind CSS 框架,调用 OpenAI 的 gpt-3.5-turbo 模型 API 实现的简单聊天对话,支持连续对话。

Author Avatar Theme by lianginx
Github Stars Github Stars: 608
Last Commit Last Commit: Jun 27, 2023 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

The chatgpt-vue project is a simple chatbot application built using Vue3, Typescript, and Tailwind CSS frameworks. It utilizes the OpenAI gpt-3.5-turbo model API to enable seamless chat conversations with support for continuous dialogues.

Features:

  • Framework: Developed using Vue3, Typescript, and Tailwind CSS.
  • API Integration: Utilizes the OpenAI gpt-3.5-turbo model API for chat conversations.
  • Continuous Dialogues: Supports ongoing dialogues for a seamless chatting experience.
  • No Proxy - Direct API requests from the frontend for connectivity verification.
  • API Key Requirement: Requires users to apply for and use an API Key for ChatGPT functionality.

Installation:

To install and run the chatgpt-vue project, follow these steps:

  1. Make sure you have Node.js installed in your environment. If not, download it from Node.js website.
  2. Apply for an API Key by visiting API Key generation page.
  3. Clone the project repository and navigate to the root directory.
  4. Run the following commands:
    npm install
    npm run serve
    
  5. The project should start running; access it through the Local link in your browser. Enter your API Key in the input box at the bottom of the page to start using the ChatGPT functionality.

Summary:

The chatgpt-vue project offers a simple chatbot application developed using the Vue3 framework with Typescript and Tailwind CSS. By integrating the OpenAI gpt-3.5-turbo model API, users can engage in continuous dialogues. The installation process requires Node.js, API Key generation, and running the project locally.