How to Setup Notification Page in @FlutterFlow - #Tutorial #beginners #2023

foreign [Music] asked me to build a system like this and we can make it real now sit back and find the solution with me okay we need to start with Firebase as always because we need to collect user ID which user like the post so we need three things user ID post ID and time step must be referenced with unique post so create data like I am doing now [Music] that's it now we can continue with actions before to start we must create parameters we will need documents of notification collection you will just do like I am doing now [Music] foreign [Music] S I generally use toggle icon for like buttons so this can make a problem like when user click toggle icon it will create a new notification every time but you can do this with two icons for like button one button will create document other button will delete document you must refer them for this click toggle icon and select actions choose backend database firestore create document collection will be our notification collection user reference will be our post user ID this will create notification document on user of this post but before this don't forget to query post document okay now we will set field of notification collection follow my movements okay we have done here [Music] foreign [Music] okay we have done here now let's build notification page we will need user profile picture username time step and post photo I am building a sample for this okay now we will query for list view query type will be query collection collection will be notification user reference will be query all sub collections and choose single time query so we need users data and post data I will query again for a row this time query type will be document from reference collection will be user collection choose notification document and select user ID that's it we will do same thing for Post photo query type will be document from reference collection will be post collection [Music] notification document and select post ID okay now we will set all data from queries I am showing it now [Music] foreign we have just finished all configurations so let's check our system okay we will look first notification page it is entity now we will like some buttons as you can see this is our notifications I like it with other accounts but I didn't show you for making this video not so long so this is our notification page I explained it basic logic of this system I will improve this notification system based on comments notification Bell and following requests I think to make a video about this and this video will be special for buy me a coffee membership if you like it this video please like button I would like to see you in our floater flop community so don't forget to subscribe to channel I also leave links on description which you can contact with me on telegram or Discord I share there what I am building on photoreflow nowadays and make pools and ask your advice about what we can make together on filter flow don't hesitate to ask me question and I always try to answer all your questions thank you for watching and have a nice day [Music]

Channel: Theebatt NoCode

Views: 11,450

Keywords: flutter, flutterflow, design, socialmedia, firebase, firestore, notification, ui, bell, system, beginners, tutorial, 2023, backend, app, conditional, visibility, like, button, build

Id: h-zaUkh_RJ0

Length: 6min 15sec (375 seconds)

Published: Mon Jul 17 2023