Build An AI Chat App with Thunkable + OpenAI

Tutorials and DIY Guides
, , , ,
1

Hey everyone! :waving_hand:

I’ve just published a beginner-friendly tutorial that walks you through creating your own AI-powered chat app using Thunkable and OpenAI.

This tutorial is perfect if you’re:
:white_check_mark: New to Thunkable
:white_check_mark: Curious about how AI works in apps
:white_check_mark: Looking for a hands-on project with step-by-step guidance

:brick: What you’ll learn:

  • How to set up the OpenAI API with Thunkable
  • How to send and receive AI messages
  • How to build a clean mobile interface for chat
  • Saving chat history

:mobile_phone_with_arrow: No prior coding experience needed!

:backhand_index_pointing_right: Check it out here:
:globe_with_meridians: Mobile App Tutorials - The Code Loft

I’d love your feedback — and if there’s interest, I’ll keep posting more tutorials like:

  • AI image generation
  • Voice-controlled input

Thanks for reading and happy building! :rocket:

— Adrian (The Code Loft)

3 Likes
2

It’s a really straightforward, easy-to-follow explanation of how to set up the Open AI block in Thunkable. Thanks for sharing it!

1 Like
3

Thanks :slightly_smiling_face: I was experimenting with hosting a website on Firebase and thought I’d try building something that could be useful to others while I was at it.

4

my students just build and are getting error code. is this because they do not have tokens/credits in their API accounts? Is there a workaround?

laurie

5

Hi Laurie,

They should get a certain free amount of calls to the Open AI API, I have heard some accounts lose these after a period of time of being active though. It could be worth creating a new Open AI account with a new email address if thats an option?

Kind Regards
Adrian (The Code Loft)