Giter VIP home page Giter VIP logo

chatgpt-web-application's Introduction

OpenAI Web Application

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

Buy Me A Coffee

Features

  • 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

Technologies Used

  • For client, I haven't used frameworks as this is simple demo version.
  • For server, I used express.

Setup

Prerequisites

  • Node.js
  • OpenAI API Key

Installation

  1. Clone the repository:
git clone https://github.com/ioanmo226/chatgpt-web-application
  1. Install the dependencies:
npm install
  1. Create a .env file in the root folder and add your OpenAI API key in the following format:
OPENAI_API_KEY=your_api_key
  1. Start node server
node index.js
  1. Now when you navigate to http://localhost:3001 you will see web response.

Usage

  • 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.

Contributing

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.

chatgpt-web-application's People

Contributors

ioanmo226 avatar bandank avatar prodesire avatar rossman22590 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.