openai-react-chat
openai-react-chat copied to clipboard
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
- Clone the repository.
git clone https://github.com/elebitzero/openai-react-chat.git
- Copy env.json to
local.env.jsonand change 'your-api-key-here' to your OpenAI Key - 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.