https://github.com/ysfscream/openai-quickstart-vue

Vue.js example app from the OpenAI API quickstart project
https://github.com/ysfscream/openai-quickstart-vue

ai chatgpt openai vite vuejs

Last synced: about 3 hours ago
JSON representation

Vue.js example app from the OpenAI API quickstart project

• Host: GitHub
• URL: https://github.com/ysfscream/openai-quickstart-vue
• Owner: ysfscream
• License: mit
• Created: 2023-03-29T10:57:44.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-17T15:57:27.000Z (11 months ago)
• Last Synced: 2023-12-17T16:43:22.708Z (11 months ago)
• Topics: ai, chatgpt, openai, vite, vuejs
• Language: Vue
• Homepage:
• Size: 329 KB
• Stars: 8
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# openai-quickstart-vue

This is a quickstart template for using OpenAI's GPT-3 API in Vue 3.

![image](./assets/preview.png)

## Setup

1. Clone this repository and navigate into the project directory

    ```shell

    git clone https://github.com/ysfscream/openai-quickstart-vue.git

    cd openai-quickstart-vue

    ```

2. Using `pnpm` to install dependencies

  

    ```shell

    pnpm install

    ```

3. Create the `.env` file to store your OpenAI API key and Orgnaization ID

    ```shell

    touch .env

    ```

4. Add your OpenAI API key and Orgnaization ID to the `.env` file

    ```shell

    # Example

    VITE_OPEN_API_KEY=xxxxxxxx

    ```

5. Run the development server, and open [http://localhost:3000](http://localhost:3000) in your browser

    ```shell

    pnpm dev

    ```

6. Build the project for production

    ```shell

    pnpm build

    ```