chatgpt-web-application - Interact with OpenAI Models Using a Simple Web Application

OpenAI Web Application

The OpenAI Web Application is a user-friendly platform designed to allow individuals to interact with OpenAI's powerful models seamlessly. Primarily developed for demonstration purposes, this web application serves as an experimental tool to test the functionalities of the OpenAI API. As it is still under development, users may encounter some issues or bugs.

For those interested in a React.js version of the application, there is an alternative available here.

Buy Me A Coffee

Features

The web application boasts a variety of features that enhance the user experience:

User-Friendly Interface: The app provides an intuitive layout for users to send requests to the OpenAI API easily.
Chat-Like Responses: The responses from the API are formatted in a chat-like manner, making them easy to read and follow.
Model Selection: Users can choose different OpenAI models, such as Davinci, DALL·E, and Whisper, based on their specific requirements.
AI Image Creation: With the DALL·E model, users can generate unique AI images.
Audio Transcription: Using the Whisper model, audio inputs can be transcribed into text.
Code Syntax Highlighting: The application supports syntax highlighting for code, improving readability.

Technologies Used

The application utilizes various technologies to function:

Client-Side: No specific frameworks were used for the client side as this is a straightforward demo. It keeps things simple and direct.
Server-Side: The server runs on Express, a minimal and flexible Node.js web application framework.

Setup

To run the OpenAI Web Application, follow these steps:

Prerequisites

Ensure you have Node.js installed.
Obtain an OpenAI API key.

Installation

Clone the Repository:

git clone https://github.com/ioanmo226/chatgpt-web-application

Install Dependencies:
```
npm install
```
Configure the API Key: Create a .env file in the root directory and insert your OpenAI API key:
```
OPENAI_API_KEY=your_api_key
```
Start the Server:
```
node index.js
```
Access the Application: Visit http://localhost:3001 in your browser to interact with the application.

Usage

To make the most out of the application:

Input your text in the provided field and press enter or click the send button to interact with the OpenAI API.
To add line breaks in your queries, use control+enter.
Utilize the DALL·E models for generating AI-based images.
Use the Whisper model to convert audio to text.
The application can help in generating or translating natural language into code.

Contributing

The project is open to contributions and encourages users to submit ideas or improvements. If you have suggestions or enhancements, feel free to open an issue or submit a pull request.

Thank you for your interest and contribution to the project!