FlutterFlow for Beginners 2024 | How to Build Your App from Scratch

01:23 Overall features of FlutterFlow
01:37 Before starting you need...
04:55 Planning Your App
05:58 Three Main Concepts for building an app
08:33 Getting Started Main Dashboard
10:56 Creating a new project
12:12 Setting Up Firebase Part 1
13:41 Basic Layout of FlutterFlow
17:52 Connect Section (Backend of Application)
19:43 API Calls
22:56 Setting Up Firebase Part 2
34:59 AI Gen Prompt to Create a Page
39:34 Flows

[dezetingz]

Aspiring software dev and let me tell you something, I watched when Flutter Flow released years ago and it was NOTHING compared to this! This makes the development process SO much easier and MY GOD this is powerful thanks for making this detailed tutorial I am currently rebooting an old project I have been dying to make and this video has sparked me to get back on it!!!!

[Engaotb]

Thanks for the simple explanation and calming voice! First time I’ve watched a video to the end. Much appreciated!

[cryo]

Never thought that I'd need to create an app to aid my business, but luckly that time came after this software was released.

[EricaHanson]

Thank you for the helpful video! You did a great job of explaining the basics and interacting with folks in the chat.

[HaduraOla]

Thanks for the simple explanation and calming voice! First time I’ve watched a video to the end. Much appreciated!
I really really love this, because this is my first time to stay

[michaeldawson]

Thanks so much. I am new to App creation and was looking around as to what software is used to create new apps and found FlutterFlow and your excellent introduction. I am wanting to create an app for our Scouts club and make the experience individual to the member when they are logged in. Like show them what badges they have earned so far etc.. and also to book trips and make payments for such. Then allow access to learning material. So what you have described today is really helpful, thank you. I am now going to start on the backend database so I can hopefully customise the screen with the users accreditations based on say Badge 1 = 0 or 1 and if 1 display the badge on their page :-) Anyway I am sure this has been done somewhere before. Mike

[ovbkiut]

Thanks for all the help, looked through some of your videos and they've all been great help. For the project I am working on, I am looking for a way to overlay my own text and images over google maps (or any other map design), when you click a location on said map. For example like when you click on a resturant on google maps all their info pops up. Can I accomplish this on FF?

[matthewgira]

This was awesome. Super helpful. Well done!

[TheNaive]

can we build ui for automation tool like zapier? I dont know how to do that there is reat library for it. i think react flow it is. But i dont know where it can do it.

[SeriousCigars]

Doc, How are you. I am designing a new version of my fishing tournament app. The app allows a user to create a tournament, invite anglers to the private tournament, specifies what type of fish are allowed, scoring types, etc. Lots of variables. App allows for notifications when other users submit a catch. Needs an tournament directors backend for large tournaments to verify catches with photos, etc. Needs overall admin backend for problem logins, etc. Is this something that Flutter can do? There is lots of reporting on the app that can get complicated. So much more.

[johanneslesiba]

the comments are motivating, I think ill camp here for next hour

[positivelybecs]

Hi Doc, I followed your tutorial but received a message saying ‘Error creating Firebase project - you must accept the GCP and Firebase terms of service to create a Firebase project’. There are links to click but nowhere on those links does it allow me to accept terms of service. Can you please clarify what I need to do?

[Abdoul]

Thanks for the nice Tutorial Doc. Been going through your older videos to learn about FF as I am just embarking on my NoCode journey, and I can see that some stuff are different.

Does FlutterFlow have the capability to build an app that processes live video and audio and give real time feedback using AI? I’m also not sure whether I should use firebase or supabase for the Backend for my use case.

Anyways I’d love to connect with you if possible if you provide consultation services for beginners like myself. I’m trying to be more efficient with time and money instead of learning outdated or non relevant tools.

[jeremywhisson]

hey i signed up for pro with the 2 week free trail to get access too the instgram template and once i clicked into its getting me to start from basically scratch, i was wanting the template setup exactly like instagram and work backwards like delete things in it i don’t want hahaha is this an option or will i have to do it all myself, thanks doc.

[jumroon]

Hi Doc. Thank you so much for the video, very helpful. I just tried navigating each section on my FlutterFlow screen and there was no "Adding New Page" (the green "+" button) available. There was only the "AI Generated Page" button. So now I can only play around on one page, and could not add any new pages to try the connecting action. Can you kindly advise on how I can fix this? Thank you so much in advance 🙏.

[ammadkhan]

Hi Doc, excellent overview video. Thanks for your content. I am wondering if FlutterFlow support offline mode, incase the internet connectivity is not there, that it save the changes locally and after the internet connectivity is established then sychnronize the changes. 2nd Q: I using REST API for my company databaase. for that I have to use authentication mechanism where token has to be refreshed. is there any possibility to do that in Flutterflow. I Thank you again, for your content. it is really Informative.

[CulturedMobile]

Great video, not sure if anyone mentioned but I was having the same issue making my own documents too like at 32:40 .... Turns out it was the image upload messing up the functionality!!! It only worked for me after linking my images through the URL option.

[Simpforamandla]

please i can't see the add button on the canvas i don't kno what is wrong or has there been an update?

[studioreviews]

Hi I’m very new to this, I’m planing on making an app that enables users to create packing lists for going on holiday or on trips. The idea is that you can organise everything you need to pack and have functionality to tick items off the list when you have packed them. I am also planning on adding a feature where you can add the weight of an item and then the total weight of your luggage is calculated. Within Flutterflow would it be possible to import a library of the weight of items, or create one myself, of common items, and then have it so that when someone adds, say a MacBook to their list, it is able to find the weight of it from the library then add it to the weight section? Hopefully this makes sense, my plan is to start with very basic functionality and then build from there, just curious if this would be possible somewhere down the line. Thanks for the video.

[ItsMeJeki]

can you use the same backend for all the app you're going to create?