Building ChatGPT-powered apps in 5 steps 🚀
Tags: webdev, javascript, chatgpt, lowcode
Published: 2023-05-22 08:06:56

In this article, we will explore the possibility of rapidly building ChatGPT apps using the low-code solution, ToolJet. 

## Introduction
In the traditional approach, building apps and integrating them with ChatGPT requires significant programming expertise and time-consuming development cycles. However, we’ll use ToolJet and its seamless integration with OpenAI, and streamline the process, allowing developers to build applications that harness the capabilities of ChatGPT rapidly.

## What is ToolJet
Before we dive into the details, let's take a moment to understand what ToolJet is. ToolJet is an open-source low-code development platform that enables users to build internal tools with minimal coding. It provides an intuitive visual interface that allows developers to create applications by connecting pre-built components and queries. The drag-and-drop functionality and a library of various integrations streamline the development process, making it an aligned choice for building ChatGPT apps.

[https://github.com/ToolJet/ToolJet - 19k+ GitHub stars](https://github.com/ToolJet/ToolJet) 

![https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZjlhNzRjMWJlYzgyNWZjYjcyOGMxYjJiYjQxOTQzYTU1NTg5YzAzNiZjdD1n/dfbMVqwq8GrC19xSEF/giphy.gif](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZjlhNzRjMWJlYzgyNWZjYjcyOGMxYjJiYjQxOTQzYTU1NTg5YzAzNiZjdD1n/dfbMVqwq8GrC19xSEF/giphy.gif)


If you are interested in exploring about it further, visit its GitHub page: [https://github.com/ToolJet/ToolJet](https://github.com/ToolJet/ToolJet), and if you find it valuable, show your support by starring the repository ⭐️ 


Let’s get started!

### 1. Sign in or Sign up
If you're already a ToolJet user, sign in to your account. If you're new to ToolJet, you can quickly sign up and create a new account from www.tooljet.com 

### 2. Create a new app
From the dashboard, locate the "Create New App" button in the top right and click on it. This will get you into the application builder. You can name the app as you wish.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5kgsdrn3q66xwb2qatxk.png)

### 3. Select OpenAI from Global Datasources
Navigate to the Global data sources from the Home page and select OpenAI from the plugins section of the window; this will bring up a window asking for your credentials

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d7pyo4y5v6t4a38xxjxb.png)


### 4. Configure the OpenAI plugin with credentials
Enter your API Key and Organization ID; you can create them from the OpenAI website.

Once done, test the connection and save it.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hesf3c2xieldoao25txj.png)

### 5. Fetch data from OpenAI

Go back to the Dashboard and open the application created in Step 2. Pull up the query panel from the bottom and select the OpenAI plugin from the “Global Datasources section” of the query panel.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8s3wp7jmugrk0hfb11u8.png)

This will bring you the options to define the OpenAI query. The plugin allows you to perform “Chat” and “Conversation” operations at the moment.

For testing purposes, you can choose the “Chat” and fill in the “message as input” field asking to "Draft an email for the customer reminding the payment due".

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rdjum4gcb09ry3olkgj4.png)

Congratulations, you’ve successfully configured the OpenAI plugin and made the initial request 🎉

## What’s next
Now that you know how to create a ToolJet app and connect it with OpenAI, be sure to try out our sample applications that are built using OpenAI responses.

1. [Creating a SQL generator app with ChatGPT, PostgreSQL, and ToolJet](https://dev.to/tooljet/creating-a-sql-generator-app-with-chatgpt-postgresql-and-tooljet-e2k)
2. [Use ChatGPT API to build a README generator app with low-code](https://dev.to/tooljet/use-chatgpt-api-to-build-a-readme-generator-app-with-low-code-4h19)

If you find ToolJet valuable and can potentially help you to minimize the engineering efforts, visit the [GitHub page](http://github.com/tooljet/tooljet) and show your support by starring the repository.