Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kovsu/chatgpt-demo
A ChatGPT demo based on gpt-3.5-turbo.
https://github.com/kovsu/chatgpt-demo
chatgpt vue3
Last synced: 25 days ago
JSON representation
A ChatGPT demo based on gpt-3.5-turbo.
- Host: GitHub
- URL: https://github.com/kovsu/chatgpt-demo
- Owner: kovsu
- Created: 2023-03-05T14:41:07.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-03-09T13:30:17.000Z (over 1 year ago)
- Last Synced: 2024-04-17T06:55:28.459Z (7 months ago)
- Topics: chatgpt, vue3
- Language: Vue
- Homepage:
- Size: 240 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## ChatGpt Demo
This is a demo project that showcases the capabilities of the ChatGpt API. It is built using Vue.js and provides a simple chat interface for interacting with the ChatGpt API.
### Project setup
1. Clone the repository and navigate to the project directory:
```bash
git clone https://github.com/kovsu/ChatGPT-demo.git
cd chatgpt-demo
```
2. Install dependencies:
```bash
npm install
```
3. Create a .env file in the project root and add your OpenAI API key:
```bash
VITE_OPENAI_API_KEY=your_api_key_here
```
Note: If you don't have a Open API key yet, you can sign up for one at [api-keys](https://platform.openai.com/account/api-keys).
### Usage
Once the app is running, you can start chatting with the ChatGpt API by typing your messages into the input field at the bottom of the screen and pressing Enter. The API will respond with a generated message, which will be displayed in the chat history above.
### Screenshots
### Deploy
```bash
npm run build
```
Drop the dist folder to [netlify](https://app.netlify.com/drop).
### License
This project is licensed under the MIT License. See the LICENSE file for more information.