Build Without Code: Flutter ChatGPT App with Custom Prompt using Nowa

Here's a step-by-step guide on how to create your fully customized flutter-based ChatGPT-powered AI Chat assistant app that uses OpenAI API with your custom prompt using Nowa without the need to write any code.

You can build the full app and download it's Flutter code for free :)

In this video, I am creating an AI chef assistant app that takes the available ingredients and suggests simple and healthy desserts based on them (I am trying to eat healthy without giving up on desserts ;)).

I am also comparing and switching between different ChatGPT models for our app: We are comparing the new ChatGPT 4o with ChatGPT 4 Turbo and ChatGPT 3.5 Turbo in terms of pricing, speed, and fit for our AI Chef assistant app.

Sections:
00:00 What are we building
00:30 Creating the main screen
11:25 Create Text Field and layout
21:26 Create the Chat Bubble
1:02:50 Connect to OpenAI API
1:16:07 Use the API inside the app
1:30:48 UI/UX improvements
1:54:15 Whiteboard time

The app is based on Flutter. You can export it directly from Nowa to the Play Store (Android), App Store (iOS), or Web, or you can download the full Flutter source code as well (for FREE).

Don't forget to use Nowa desktop version to have your projects locally, connect your favorite IDE to them, and test on emulators or your actual smartphone. For more, watch this:

💫 Nowa is the first app-building studio designed to meet professional needs! Visually build fully customized apps with stunning UI and advanced logic that are production-ready with clean and optimised generated code for performance and further scaling.

💫 Be more creative and build apps visually without limiting or downgrading the final quality of your app.

Comment below and tell us what you think! 🚀

[MRSTARZ]

This is great the instructor took the time to explain navigation throughout the nowa software

[TonyAlfredsson]

I love the depth of the teachings. Just my level, and I can't wait to sit down and play around. And when I feel that it's just right for me, I know. Just bought a license, so here we go :)

[kuda-online]

Great tutorial I feel like I need to to do some basic coding lessons first. I am new to this

[MaximilianFeichtinger]

This is incredible. I just need this connected to an embedding to easily add extra info.

[mcombatti]

The latest version of Nowa with new ListView upgrade doesn't show any element{} under locals (44:51)

[thodoristaxma]

I want to make a checkbox, i add the widget and i don't know how to animate it, since when it's on whatever state(checked or unchecked), it won't change with a tap, can you help me ?

[atultiwari]

hi, great video. you earned a new subscriber. I am curious how to modify it to use RAG based app, where answers would strictly be from a pdf document. can you please let me know that.

[mcombatti]

This is neat.... but... there are some issues...

1) You should NEVER embed an API key of any sort into an application. This is a quick way to give free access to ChatGPT, at your expense.

2) Are we able to save locally yet? Would be nice to retain conversations.

Thanks!

[Mayanksharma-bloggupdate]

I am waiting for multi tenancy based ecom app which you told us you going to make in last live.

[snughogwarts]

Is it possible to use other AI’s that are GDPR Compliant? Like a local, on-device and private one?