Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anse-app/chatgpt-demo

Minimal web UI for ChatGPT.
https://github.com/anse-app/chatgpt-demo

astro chatgpt chatgpt4 gpt-3 gpt-35 gpt-35-turbo openai openai-api

Last synced: about 2 months ago
JSON representation

Minimal web UI for ChatGPT.

Host: GitHub
URL: https://github.com/anse-app/chatgpt-demo
Owner: anse-app
License: mit
Created: 2023-03-02T05:52:26.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-12-27T01:44:01.000Z (9 months ago)
Last Synced: 2024-05-30T16:34:30.117Z (4 months ago)
Topics: astro, chatgpt, chatgpt4, gpt-3, gpt-35, gpt-35-turbo, openai, openai-api
Language: TypeScript
Homepage: https://chatgpt.ddiu.me
Size: 2.11 MB
Stars: 7,984
Watchers: 57
Forks: 3,835
Open Issues: 44
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-gpt-store - chatgpt-demo
awesome - anse-app/chatgpt-demo - Minimal web UI for ChatGPT. (TypeScript)
awesome-chatgpt - chatgpt-demo - Minimal web UI for ChatGPT. (Web apps / Hosted and self-hosted)
awesome-ChatGPT-repositories - chatgpt-demo - Minimal web UI for ChatGPT. (Openai)
awesome-ai-client - chatgpt-demo - Minimal web UI for ChatGPT. (🌐 Web)
awesome-chatgpt - chatgpt-demo - Minimal web UI for ChatGPT. (Web apps / Hosted and self-hosted)
awesome-chatgpt - anse-app/chatgpt-demo - (UIs / Web applications)
AiTreasureBox - anse-app/chatgpt-demo - 09-13_8003_1](https://img.shields.io/github/stars/anse-app/chatgpt-demo.svg) | A demo repo based on OpenAI API (gpt-3.5-turbo) | (Repos)

README

        # ChatGPT-API Demo

English | [简体中文](./README.zh-CN.md)

A demo repo based on [OpenAI GPT-3.5 Turbo API.](https://platform.openai.com/docs/guides/chat)

**🍿 Live preview**: https://chatgpt.ddiu.me

> ⚠️ Notice: Our API Key limit has been exhausted. So the demo site is not available now.

![chat-logo](https://cdn.jsdelivr.net/gh/yzh990918/static@master/chat-logo.webp)

## Introducing `Anse`

Looking for multi-chat, image-generation, and more powerful features? Take a look at our newly launched [Anse](https://github.com/anse-app/anse).

More info on https://github.com/ddiu8081/chatgpt-demo/discussions/247.

[![image](https://user-images.githubusercontent.com/1998168/235048408-ca4015f5-4d3c-4c64-9a6c-9069a89cd23a.png)](https://github.com/anse-app/anse)

## Running Locally

### Pre environment

1. **Node**: Check that both your development environment and deployment environment are using `Node v18` or later. You can use [nvm](https://github.com/nvm-sh/nvm) to manage multiple `node` versions locally.

   ```bash

    node -v

   ```

2. **PNPM**: We recommend using [pnpm](https://pnpm.io/) to manage dependencies. If you have never installed pnpm, you can install it with the following command:

   ```bash

    npm i -g pnpm

   ```

3. **OPENAI_API_KEY**: Before running this application, you need to obtain the API key from OpenAI. You can register the API key at [https://beta.openai.com/signup](https://beta.openai.com/signup).

### Getting Started

1. Install dependencies

   ```bash

    pnpm install

   ```

2. Copy the `.env.example` file, then rename it to `.env`, and add your [OpenAI API key](https://platform.openai.com/account/api-keys) to the `.env` file.

   ```bash

    OPENAI_API_KEY=sk-xxx...

   ```

3. Run the application, the local project runs on `http://localhost:3000/`

   ```bash

    pnpm run dev

   ```

## Deploy

### Deploy With Vercel

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fddiu8081%2Fchatgpt-demo&env=OPENAI_API_KEY&envDescription=OpenAI%20API%20Key&envLink=https%3A%2F%2Fplatform.openai.com%2Faccount%2Fapi-keys)

> #### 🔒 Need website password?

>

> Deploy with the [`SITE_PASSWORD`](#environment-variables)

>

> 

![image](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230310/image.4wzfb79qt7k0.webp)

### Deploy With Netlify

[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/ddiu8081/chatgpt-demo#OPENAI_API_KEY=&HTTPS_PROXY=&OPENAI_API_BASE_URL=&HEAD_SCRIPTS=&PUBLIC_SECRET_KEY=&OPENAI_API_MODEL=&SITE_PASSWORD=)

**Step-by-step deployment tutorial:**

1. [Fork](https://github.com/ddiu8081/chatgpt-demo/fork) this project, Go to [https://app.netlify.com/start](https://app.netlify.com/start) new Site, select the project you `forked` done, and connect it with your `GitHub` account.

![image](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230310/image.3nlt4hgzb16o.webp)

![image](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230310/image.5fhfouap270g.webp)

2. Select the branch you want to deploy, then configure environment variables in the project settings.

![image](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230311/image.gfs9lx8c854.webp)

3. Select the default build command and output directory, Click the `Deploy Site` button to start deploying the site.

![image](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230311/image.4jky9e1wbojk.webp)

### Deploy with Docker

Environment variables refer to the documentation below. [Docker Hub address](https://hub.docker.com/r/ddiu8081/chatgpt-demo).

**Direct run**

```bash

docker run --name=chatgpt-demo -e OPENAI_API_KEY=YOUR_OPEN_API_KEY -p 3000:3000 -d ddiu8081/chatgpt-demo:latest

```

`-e` define environment variables in the container.

**Docker compose**

```yml

version: '3'

services:

  chatgpt-demo:

    image: ddiu8081/chatgpt-demo:latest

    container_name: chatgpt-demo

    restart: always

    ports:

      - '3000:3000'

    environment:

      - OPENAI_API_KEY=YOUR_OPEN_API_KEY

      # - HTTPS_PROXY=YOUR_HTTPS_PROXY

      # - OPENAI_API_BASE_URL=YOUR_OPENAI_API_BASE_URL

      # - HEAD_SCRIPTS=YOUR_HEAD_SCRIPTS

      # - PUBLIC_SECRET_KEY=YOUR_SECRET_KEY

      # - SITE_PASSWORD=YOUR_SITE_PASSWORD

      # - OPENAI_API_MODEL=YOUR_OPENAI_API_MODEL

```

```bash

# start

docker compose up -d

# down

docker-compose down

```

### Deploy with Sealos

 1.Register a Sealos account for free [sealos cloud](https://cloud.sealos.io)

2.Click  `App Launchpad` button

![App Launchpad](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230609/install-on-sealos-1.34i8gi80j268.webp)

3.Click `Create Application` button

![Create Application](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230609/install-on-sealos-2.4t8q5px18eps.webp)

4.Just fill in according to the following figure, and click on it after filling out `Deploy Application` button

![Create Application](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230609/install-on-sealos-3.5x5exqk0o8lc.webp)

```shell

App Name: chatgpt-demo

Image Name: ddiu8081/chatgpt-demo:latest

CPU: 0.5Core

Memory: 1G

Container Ports: 3000

Accessible to the Public: On

Environment: OPENAI_API_KEY=YOUR_OPEN_API_KEY

```

5.Obtain the access link and click directly to access it. If you need to bind your own domain name, you can also fill in your own domain name in `Custom domain` and follow the prompts to configure the domain name CNAME

![Create Application](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230609/install-on-sealos-4.4esqkqu70z9c.webp)

6.Wait for one to two minutes and open this link

![Open Link](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230609/install-on-sealos-5.5cgfpee3zeyo.webp)

### Deploy on more servers

Please refer to the official deployment documentation: https://docs.astro.build/en/guides/deploy

## Environment Variables

You can control the website through environment variables.

| Name | Description | Default |

| --- | --- | --- |

| `OPENAI_API_KEY` | Your API Key for OpenAI. | `null` |

| `HTTPS_PROXY` | Provide proxy for OpenAI API. e.g. `http://127.0.0.1:7890` | `null` |

| `OPENAI_API_BASE_URL` | Custom base url for OpenAI API. | `https://api.openai.com` |

| `HEAD_SCRIPTS` | Inject analytics or other scripts before `` of the page | `null` |

| `PUBLIC_SECRET_KEY` | Secret string for the project. Use for generating signatures for API calls | `null` |

| `SITE_PASSWORD` | Set password for site, support multiple password separated by comma. If not set, site will be public | `null` |

| `OPENAI_API_MODEL` | ID of the model to use. [List models](https://platform.openai.com/docs/api-reference/models/list) | `gpt-3.5-turbo` |

## Enable Automatic Updates

After forking the project, you need to manually enable Workflows and Upstream Sync Action on the Actions page of the forked project. Once enabled, automatic updates will be scheduled every day:

![](https://cdn.jsdelivr.net/gh/yzh990918/static@master/20230518/image.2hhnrsrd2t1c.webp)

## Frequently Asked Questions

Q: TypeError: fetch failed (can't connect to OpenAI Api)

A: Configure environment variables `HTTPS_PROXY`，reference: https://github.com/ddiu8081/chatgpt-demo/issues/34

Q: throw new TypeError(${context} is not a ReadableStream.)

A: The Node version needs to be `v18` or later, reference: https://github.com/ddiu8081/chatgpt-demo/issues/65

Q: Accelerate domestic access without the need for proxy deployment tutorial?

A: You can refer to this tutorial: https://github.com/ddiu8081/chatgpt-demo/discussions/270

## Contributing

This project exists thanks to all those who contributed.

Thank you to all our supporters!🙏

[![img](https://contributors.nn.ci/api?repo=ddiu8081/chatgpt-demo)](https://github.com/ddiu8081/chatgpt-demo/graphs/contributors)

## License

MIT © [ddiu8081](https://github.com/ddiu8081/chatgpt-demo/blob/main/LICENSE)