Building Tasks Page | To Do App | FlutterFlow for Beginners

In this video we show you how to build the widget tree for the tasks page.
Project File
www.figma.com/...
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflo...
Follow us on Twitter 👉 / flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[@ElyasMS]

thank you for this tutorial. by the way there is section in this tutorial that has done twice 13:20 is second time of same action. let me know if I'm mistaken

[@angryyoungman4389]

I also think the same, I thought I was doing it again and again

[@davidesoncin2399]

Finally a proper tutorial. Explained very well and the steps are smooth and complete. Thank you :)

[@jiujitsu2654]

A lifesaver, literally... so much useful info in such a short time period, grateful!

[@ColorsAcross]

I would prefer the parameter method because it retrieves data from Firebase precisely as needed (extracting only the required data from the entire record). When using parameters, we send a request for specific data, which enhances efficiency. In contrast, the whole Document method retrieves the entire document from Firebase, which might include, for example, 20 columns of data, even though we may only need to work with 5 of them. This approach seems inefficient. However, I acknowledge that the Document method is easier to set up compared to the parameter method. PS: I am watching this particular video over and over to grasp the parameters setup, binding, retrieval , i mean whole thing. its great.

[@ОльгаМалаховская-б3м]

thank you, your comment helped me understand better

[@ColorsAcross]

@@ОльгаМалаховская-б3м thanku so much

[@RR-et6zp]

with the reference right? this is true, however the to do item is one item, with not many fields, and the userbase is small, you can just pass the whole document in this case

[@079_vikashrajpurohit9]

Never ever has such quality of teaching, absolutely mind-blowing. 🤩🤩🤩🤩🤩🤩🤩🤩🤩

[@vishalmangukiya9349]

Can you make a complete video for API calling?

[@gotagreatidea]

Isn't the filter at 12:00 front-end - so a user would be able to access all tasks if they hacked the app?

[@cesarsfalcao]

Finally, I learned how to fix the annoying "shrink wrap" error message.

[@blogtriggers1054]

Hello Flutterflow team can you please make an complete tutorial on how to make an admin panel in mobile application with firebase integration like in that show total number of users total number of posts particular user details etc... Please make an tutorial because there is less video on KZbin that help us make an admin panel with firebase integration 🙏🏻

[@kaganharputlu3642]

I agree with you on this matter. For example: There is a significant deficiency in a News application built with Flutterflow, where there is no tutorial video available on how to input new content through the Firebase Admin panel. This is indeed a major shortfall. A tutorial video demonstrating how to input new content actively managed through an admin panel would truly meet the needs of many.

[@rishabhyadav481]

Did you made "tasks" as subcollection? and what are the fields that you used in this "tasks" collection?

[@leeosub1647]

For some reason, I don't see FAB in the current version. Did you guys take it out?

[@PrinceSingh-z9v4i]

go on the page button on the widget tree, and then try, if you try on child widget its not show

[@cesarsfalcao]

Why was the container converted into a component?

[@arundhaj]

So that to reuse the same component on both the completed and incomplete page

[@choneybunch103]

Mine doesn't have a bracket when I bind them 😢

[@cesarsfalcao]

Please now do the same video but using Supabase for the database.

[@fossdronefoto]

So, I was able to create the Component Parameter for "completed", and binding it, but I cannot find "completed" in the filter list in the Query-menu. What am I missing here? 😩

[@SimonPedersen1]

It seems there is a difference between "component parameters" and "local component state variables" - and you might have added a local component state variable for the checkbox. If you look at the very top of the parameters list, you will see "

[@AnimeAuraArtistry1]

I followed every single step you done from first video till now. But i did not get Tasks in collection in Query Collection. so i tried to make a tasks collection and then its there but the options are way different. Help me out , thanks

[@jonalexander3937]

Go back to video 5 and add a collection of tasks, then make a doc reference to users from tasks

[@koosdeklerk1174]

my component wont bind

[@AndyAndromedaArt]

not sure i see the point in doing all the figma work. listing all the atomic elements seems completely unnecessary especially since you occasionally change the columns and rows for the elements in the final version.

[@donrawatjantarumporn6669]

I could not Pass the Task info into the dynamic component

[@jonalexander3937]

Were you able to filter correctly? Is the tasks collection setup in firebase with ref to user collection?

[@itsmeoguzhan]

thank u, thank u, thank u...

[@vishalmangukiya9349]

Thanks

[@bobmat]

Why don't you bind the data a third time...

[@Statsjk]

Revenue cat tutorial please... atleast update the documentation

[@waynify]

Great

[@fayyumshaikh-u8m]

HELLO FF TEAM PLEASE RESPOND TO THIS MESSAGE I Have been requesting to make video on Genarating Serial Numbering for the Task created e:g- let say for TODO app user added a new task then with each new task it should have serial number assigned to it like in increament way (e.g - 1,2,3,4,5,6), So for user it is identifiable which task has what sequence number PLEASE MAKE VIDEO ON IT I AM REQUESTING FOR SO MANY DAYS😢😢

[@mateusz.mirkowski]

Passing whole model to component is not good practice, because you pass many unnecessary things there. What you done in first place is a bit more time consuming, but better.

[@tweetsavage]

@flutterflow please I am a having issue downloading my app code. I am on flutterflow standard package but I am unable to test,, run, download my app. Thanks