Create an AI bot web front-end with chatGPT(no-code)

Sze(‘Z’) Wong
3 min readJun 10, 2024

Last time we use Flowise and created a simple bot to suggest blog post topics. We want to create a web front-end for our end-user.

Let’s use GPT-4o to do the work for us.

Before be log into chatGPT, let’s go back to Flowise and get a few key info.

Go back to the flow that we created last time. Click on the </> button on the top right.

Here we need to get the URL for the AI bot. This is how our web front-end can call the AI bot.

Click on the Javascript tab

Copy the line with the URL. For exmple:

https://flowise-1-1hfl.onrender.com/api/v1/prediction/f3330d38-3e8a-4931-a608-88ee33b83b11

Make sure you get the one that points to the your bot.

--

--

Sze(‘Z’) Wong

Serial entrepreneur, AI inventor, author and educator. CEO@Zerion Software, Co-founder@Zenith Venture Studio