Summary

Keywords

android app development flutterflow flutterflow crashcourse flutterflow marketplace flutterflow training flutterflow tutorial flutterflow tutorial for beginners flutterflow tutorial playlist ios app development learn flutterflow no code tutorial nocode tutorial

Full Transcript

We continue this series on creating a #ChatGPT client within #FlutterFlow. If you are new to the series make sure you checkout part 1 to get yourself underway with the project. In this video we commence the construction of the UI. Please be patient in this video if you are following along as it will take a while to build all the pieces. Once we are there we should be in a great position to add our application logic to call out to the ChatGPT API. If you still have not setup the base project please click on the link below. Make sure you have a FlutterFlow account created. Base Project: https://app.flutterflow.io/project/chatter-box-base-project-9t3m18 Headstart UI Created Project: https://app.flutterflow.io/project/chatter-box-tutorial-k3rh1x 00:00 Introduction 00:31 Commence the UI construction 02:42 Constructing our application header 07:32 Constructing our send message section 10:17 Constructing the ListView for our chat widgets 19:52 UI Tweaks 20:38 Outro _____ 🚀 The Digital Pro's NoCode Academy on Patreon: https://www.thedigitalpro.co.uk/patreon (official launch in September, but welcome to join today 😉) 🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee 👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow 🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.