ChatGPT Web

English / 简体中文

A commercially-viable ChatGpt web application built with React.

可部署商业化的 ChatGpt 网页应用。

Issues / Buy Me a Coffee / 赞助我

🐶 Demo

Link

Web Demo: https://www.aizj.top/

Web 演示: https://www.aizj.top/

Admin Demo: https://www.aizj.top/admin

Admin 演示: https://www.aizj.top/admin

If you need help, please submit Issues Or leave contact information when appreciating.

Snapshot

🤖 Major Function

The backend management system can manage users, tokens, products, card passwords, etc
Carefully designed UI, responsive design
Extremely fast first screen loading speed (~100kb)
Supports Midjournal painting, DALL · E model painting, GPT4 and other applications
Massive built-in prompt list from ChineseAnd English
One click export of chat records, complete Markdown support
Support for custom API addresses (openAI / API2D)

🎮 Start Using

Node

Node requires version ^ 16 | | ^ 18 | | ^ 19 (node >= 16.19.0), and NVM can be used to manage multiple local node versions.

# View node version
node -v

# View npm version
npm -v

# View yarn version
yarn -v

1.First Fork this project, then clone it locally.

git clone https://github.com/79E/ChatGpt-Web.git

2.Installation dependencies

yarn install

3.Run

# run web
yarn dev:web

4.Build

yarn build

⛺️ Environment Variable

Most configuration items in this project are set through environment variables.

`VITE_APP_REQUEST_HOST`

Request the Host address of the server.

`VITE_APP_TITLE`

Chat Web title.

`VITE_APP_LOGO`

Chat Web Logo.

🚧 Develop

It is strongly not recommended to develop or deploy locally. Due to technical reasons, it is difficult to configure OpenAI API proxies locally, unless you can guarantee direct connection to the OpenAI server.

Local development

Please consult ChatGPT for specific details on installing Nodejs and Yarn
Just execute yarn install
Web Project Development yarn dev:web
Server side project development yarn dev
Package Project yarn build

Server side

Front end request server's interface document You can develop according to this interface document.
If you need help, please submit Issues Or leave contact information when appreciating.

🎯 Arrange

Simply upload the packaged dist directory of the WEB project to the server. Pay attention to the server IP address location!

Vercel

If you host it on your own Vercel server, you can click the deploy button to start your deployment!