DEV Community

Cover image for Building ChatGPT-powered apps in 5 steps 🚀
Teja Kummarikuntla
Teja Kummarikuntla

Posted on

Building ChatGPT-powered apps in 5 steps 🚀

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://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, 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

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

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

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

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

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
  2. Use ChatGPT API to build a README generator app with low-code

If you find ToolJet valuable and can potentially help you to minimize the engineering efforts, visit the GitHub page and show your support by starring the repository.

Top comments (2)

Collapse
 
bkpecho profile image
Bryan King Pecho

I'm impressed by the simplicity and efficiency of ToolJet's low-code platform for building ChatGPT apps. The drag-and-drop interface and pre-built components streamline the development process, saving valuable time and effort. Great stuff! 👏

Collapse
 
tejakummarikuntla profile image
Teja Kummarikuntla

Absolutely, @bkpecho. Glad you liked it.