elebitzero/openai-react-chat

Chat webapp frontend to OpenAI's API with similar features to ChatGPT. Written in React, TailwindCSS, and Typescript..

OpenAI React Chat Web Application

This project provides a web frontend for the OpenAI chat API. This project is for developers or advanced users that are familiar with OpenAI ChatGPT but want to customize the web interface.

Goals

• Provide the same features as OpenAI ChatGPT and OpenAI Playground.
• Use a modern web stack of React, Tailwind CSS, and Typescript.

See FEATURES.md for details.

Preview

Requirements

• Node.JS
• npm
• OpenAI API Account
  • Note: GPT-4 API access is currently accessible to those who have made at least one successful payment through the OpenAI developer platform.

Setup

1. Clone the repository.

git clone https://github.com/elebitzero/openai-react-chat.git

2. Copy env.json to local.env.json and change 'your-api-key-here' to your OpenAI Key
3. Build & Run the web server

npm install
npm run start

The local website http://localhost:3000/ should open in your browser.

Contributions

All contributions are welcome. Feel free to open an issue or create a pull request.