A web application that allows users to interact with OpenAI's modles through a simple and user-friendly interface. This app is for demo purpose to test OpenAI API and may contain issues/bugs.
If you are looking for React.js version check here
demo.mp4
- User-friendly interface for making requests to the OpenAI API
- Responses are displayed in a chat-like format
- Select Models (Davinci, DALL·E, Whisper) based on your needs
- Create AI Images (DALL·E)
- Audio-Text Transcribe (Whisper)
- Highlight code syntax
- For client, I haven't used frameworks as this is simple demo version.
- For server, I used express.
- Node.js
- OpenAI API Key
- Clone the repository:
git clone https://github.com/ioanmo226/chatgpt-web-application- Install the dependencies:
npm install- Create a .env file in the root folder and add your OpenAI API key in the following format:
OPENAI_API_KEY=your_api_key- Start node server
node index.js- Now when you navigate to http://localhost:3001 you will see web response.
- Type in the input field and press enter or click on the send button to make a request to the OpenAI API
- Use control+enter to add line breaks in the input field
- Responses are displayed in the chat-like format on top of the page
- Generate code, including translating natural language to code
- Take advantage of DALL·E models to generate AI images.
- Utilize Whisper Model to transcribe audio into text.
This project welcomes contributions and suggestions for improvements. If you have any ideas, please feel free to open an issue or create a pull request.
Thank you for your consideration.