/ChatGpt-Web

A commercially-viable ChatGpt web application built with React. 使用React搭建的一款可商业化的ChatGpt Web应用。

Primary LanguageTypeScriptMIT LicenseMIT

icon

ChatGPT Web

English / 简体中文

A commercially-viable ChatGpt web application built with React.

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

Issues / Buy Me a Coffee / 赞助我

Deploy to Vercel

🐶 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

cover cover cover cover

赞赏

🤖 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

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

Server side

  1. Front end request server's interface document You can develop according to this interface document.
  2. 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!

Deploy to Vercel

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

🧘 Contributor

See project contributor list

📋 License

License MIT