https://github.com/glitchboyl/chatgpt-demo

A ChatGPT demo built on React + Material UI.
https://github.com/glitchboyl/chatgpt-demo

Last synced: 10 days ago
JSON representation

A ChatGPT demo built on React + Material UI.

• Host: GitHub
• URL: https://github.com/glitchboyl/chatgpt-demo
• Owner: glitchboyl
• License: mit
• Created: 2024-02-24T04:36:57.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-27T04:00:40.000Z (9 months ago)
• Last Synced: 2024-10-08T17:41:48.191Z (about 1 month ago)
• Language: TypeScript
• Homepage:
• Size: 53.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ChatGPT demo

[Try the demo online](https://chatgpt-demo-glitchboyl.vercel.app/)

## Start

Run the following commands in your command line. (without the $ sign)

First, install the dependencies.

```shell

# npm

$ npm install

# yarn

$ yarn add

# pnpm

$ pnpm install

```

Then, start the dev server:

```shell

# npm

$ npm run dev

# yarn

$ yarn dev

# pnpm

$ pnpm dev

```

You should see the application running at [http://localhost:5173](http://localhost:5173) by default.

## Usage

When you start the application, you should see there is a arrow in the top bar.

when you have click it, it will open a popper that contains an API key input box.

Input your own API key, and then enjoy using it!

## Tips

The first message may respond very slowly, because it's loading the language bundles that are used to highlight the code.

After that, it will resume to normal response speed. (I supposed)