Create a new thing
Discover how Bubble.io's "Create a new thing" feature empowers solopreneurs to effortlessly add and manage data in their no code SaaS applications, streamlining development and enhancing functionality without writing a single line of code.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66698f440942de5fdf2bce23_youtube-thumbnail-6-768x432.png)
Creating a Chatbot experience using Bubble & ChatGPT API
In this Bubble tutorial we demonstrate how to use the ChatGPT API to create an AI chatbot like experience in your Bubble app. We dive right the deep end of the Bubble API Connector, we have getting started videos for the OpenAI API on our channel already. This video shows one way to approach the challenge of formating the message history correctly in JSON so that your chatbot is aware of the message history and respond accordingly.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66699a4f54aa3da2cb1f3af2_Lets-Build-a-No-Code-Invoice-Web-App-Part-1-5.png)
Let’s Build a No Code Invoice Web App - Part 1
Learn how to build a custom invoicing web app without any coding knowledge using Bubble.io in this step-by-step tutorial. Dive into the world of no-code development and create your own personalized invoicing system with ease.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a735ba4c64d79e58e2a_Twitter-Clone-Edit-user-profile.png)
Build a Twitter Clone with Bubble.io - My Profile
In this Bubble tutorial we add a Settings page or My Profile page to our Twitter clone built with Bubble.io.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666990fdcea912d17a577fca_CSS-Animation.png)
OpenAI Loading Animation - Using CSS
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a CSS animation from loading.io.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a33f864d7bb3d6404e4_1.png)
QR Code Generator in a Bubble
In this Bubble tutorial video we demonstrate how to generate a QR code within your Bubble app. We use the 'Barcode & QR Code Generator' plugin from the Bubble plugin directory to add a QR code to data in our database using that data's Bubble unique ID.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8215e172a347400d5a_Google-Street-View.png)
Google Street View in Bubble.io
In this Bubble.io tutorial we explain how to use the Google Street View Static API and Searchbox Address lookup to display a Google Street View image of an address in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670abfca48b23bccad7eb0_4.png)
Bubble.io Date filter: This Month
Learn how to filter dates by this month in Bubble.io with this tutorial.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a903fc51aa36bd38609_Why-you-shouldnt-be-using-the-OpenAI-Assistant-API-with-Bubble.io_-1.png)
Why you shouldn’t be using the OpenAI Assistant API with Bubble.io
In this Bubble tutorial, we will discuss whether you should use the create chat completion endpoint or the new beta list of endpoints from OpenAI when working with Bubble and building a web app with Bubble.io.