Implement CRUD (Create Read Update Delete) in FlutterFlow for your Web and Mobile app projects

Поділитися
Вставка
  • Опубліковано 20 вер 2024
  • In this tutorial, you will learn how to implement Create Read Update Delete (CRUD) feature in your mobile or web applications built without coding using FlutterFlow and Firebase.
    How to Build a Grocery Shopping App without coding using FlutterFlow
    selar.co/groce...
    Bonus: Link to clone the completed app
    How to Build a Medical Booking App without coding using FlutterFlow
    selar.co/medic...
    Bonus: Link to clone the completed app
    How to Build an Online Learning Mobile App
    selar.co/onlin...
    Bonus: Link to clone the completed app
    ✅For an Introduction to FlutterFlow check the link below:
    • Introduction to Flutte...
    ✅For How to implement sign-up/sign-in/logout functionality in your FlutterFlow project, see the link below:
    • How to set up Login/Si...
    ✅To register on FlutterFlow, click the link below:
    app.flutterflo...
    ✅Remember to subscribe to this UA-cam channel and turn on the notification bell. / @eelspace
    Extras:
    You can become a Patron and my supporter by clicking the link below
    / davidorok
    As a Patron,, below are the benefits:
    ✅ You will have the ability to view/clone the apps that I built.
    ✅ You will have access to various exclusive code snippets,
    ✅ You will have access to videos tutorials and live streams that won't be available to the public.
    ✅ You will have access to laboratories where you can ask any FlutterFlow related question and get answers in real-time.
    ✅ You will get access to figma/uiux design files I use in all tutorials
    Give it a try 😊😊
    Thank you
    #nocode #flutterflow #crud #mobieappdevelopment #webappdevelopment

КОМЕНТАРІ • 144

  • @siddhantjha1036
    @siddhantjha1036 2 місяці тому +1

    Thank you David, you explained this topic in such a simple manner. No gibberish, you have earned yourself a subscriber. keep creating similar content.

    • @eelspace
      @eelspace  2 місяці тому

      You’re welcome

  • @abhijitchitvar
    @abhijitchitvar 6 місяців тому +3

    14:00 Create documents
    15:27 Schema from scratch
    21:39 Firestore database setup

  • @hwin
    @hwin 7 місяців тому +1

    This was exactly what I needed and explained in such a logical way without all the added design details that the other videos have. Thank you!

  • @ma2ls
    @ma2ls 8 місяців тому +2

    Thank you very much! I learned more in this video than I have in a while studying the official documentation.

    • @eelspace
      @eelspace  8 місяців тому

      I am glad to hear that

  • @azeezbello9694
    @azeezbello9694 11 місяців тому +1

    Hi, David. Your Tutorial is nice and very educative. It answers so many questions about querying databases, especially for beginners.
    my only advice and comments are:
    1. Try implementing some screen ideas well beforehand to ensure seamless presentations. You did a great job.
    2. Your presentation video is blocking the screen menu and blinding the spot where some fields are located. Pls, take note of these.
    Well done and great job indeed!!

    • @eelspace
      @eelspace  11 місяців тому

      Thank you very much for your suggestions and feedbacks

    • @syrinebenjemaa9334
      @syrinebenjemaa9334 6 місяців тому

      It's more helpful when David instantly creates the screens, it's better than complicated interfaces.@@eelspace

  • @huraibyel-huraiby7462
    @huraibyel-huraiby7462 Рік тому +1

    This video is incredibly useful! Well done Davids 😄

    • @eelspace
      @eelspace  Рік тому

      Thank you so much 🙏

  • @adolfusadams4615
    @adolfusadams4615 Рік тому +3

    Hey David keep up the good work👍
    Could you please do a detailed and extensive tutorial on building a CRUD app using REST apis with FlutterFlow. I truly believe that doing so would be an immense and invaluable resource. This is because there are many tutorials on Firestore/Firebase and the only tutorials on FF and REST are simple read operations. Another reason doing this would be invaluable is that there are many instances where using Firestore would not be desirable either due to company policy, data sovereignty, or implementation and investment in systems that use apis, this is why for example a bank or fintech would probably never use Firestore.
    I hope you can and would fill this tutorial void.

    • @eelspace
      @eelspace  Рік тому +1

      I'll do that subsequently

  • @robertbibong1040
    @robertbibong1040 7 місяців тому

    Bravo!!! Best tutorial on CRUD Operations with Flutterflow.

  • @DeSofSistemas
    @DeSofSistemas Рік тому +3

    Your video is excellent! But please remove your image from there that does not allow to see clearly what you do!
    Thank you

    • @shahd6228
      @shahd6228 Рік тому +1

      or maybe move it to the left side :)

  • @vicenteeslavamunoz420
    @vicenteeslavamunoz420 Рік тому +1

    Great video. Keep going providing such a good content. Thanks

  • @raghavmodelofficial
    @raghavmodelofficial Рік тому +1

    you just saved my day davey! cant thank u enough

  • @raphaelangelim23
    @raphaelangelim23 Рік тому +1

    You are such a genius!!!!!! Thank you so much!!!! You are making my dream come true!!

    • @eelspace
      @eelspace  Рік тому

      Hello,
      Thank you very much for your comment,
      You can become a Patron and supporter by clicking the link below
      patreon.com/davidorok
      As a Patron,, below are the benefits:
      ✅ You will have the ability to view/clone the apps that I built.
      ✅ You will have access to various exclusive code snippets,
      ✅ You will have access to videos tutorials and live streams that won't be available to the public.
      ✅ You will have access to laboratories where you can ask any FlutterFlow related question and get answers in real-time.
      ✅ You will get access to figma/uiux design files I use in all tutorials
      Give it a try 😊😊

  • @georgeocean3319
    @georgeocean3319 Рік тому +1

    Great video, I've one issue, only email field can't change i create project twice from scratch and I get same issue all fields are changeable only email I can't change, i can't figure out what i miss??? and one more please continue this tutorial and how to upload user photo and also if user will have ability to post something like MINI BLOG it will be AWESOME!!!

  • @hardeepsingh-bc3kb
    @hardeepsingh-bc3kb Місяць тому

    Hi, thanks for the video. Sir is there a way to catch exceptions whether any CRUD operation failed (throws error) or succeeded ?

  • @yogi-guide
    @yogi-guide Рік тому +1

    Thanks learnt all the crud in no time. you sir are awesome

  • @Marie-ClemenceArrighi-er2zc
    @Marie-ClemenceArrighi-er2zc 8 місяців тому

    Your voice is too low, I had to increase the volume, but then the subscription bell ring is hurting the ears.. But besides this inconvenient, Your tutorial is very much appreciated

  • @alcantaraallan
    @alcantaraallan Рік тому +2

    Thank you for this, i just hope you added uploading image since you also activated storage. But this is very helpful.
    I just want to ask if you can create a tutorial with add column function to a group of fields. Example. Family members. With group of fields like name, age, relationship. Then there is a plus sign to add more members. I hope you get my point. Thank you. 😊

    • @eelspace
      @eelspace  Рік тому

      Thanks for the idea!
      I will work on it sometime

  • @AlphaEStory
    @AlphaEStory 4 місяці тому

    Hi. I just watch your video.
    I'm working on my Final year project
    Mobile app with 3 module
    Admin, Company and driver
    .
    I have one issues.
    I make ka enum field in user collection of role (admin, company and driver)
    When i update action of authentication and set field role to driver or company
    It automatically update the role to other page of add driver
    Also other fields of user collection automatic change when i change in other page

  • @FitnFabulousLife
    @FitnFabulousLife Рік тому +1

    excellent tutorial. I wish you could move your face somewhere else on the screen while showing what to be clicked on the right hand side, but never mind, was able to follow still.

  • @jocelitoribeiro9229
    @jocelitoribeiro9229 Рік тому +2

    i like your video.... just a question.... why do u put your image on the right corner, what are the items what u click? whe don,t seeyng

    • @eelspace
      @eelspace  Рік тому

      Sorry about that
      Future videos will have the image somewhere else

  • @Ancestoryteller
    @Ancestoryteller Рік тому

    Your videos are good, the only thing is missing is that your confused, your main focus on this video is CRUD but you spent half an hour on UI fixing the Padding and columns, rather than that well done. 🎉 keep it up

  • @xrpcryptonaire6712
    @xrpcryptonaire6712 Рік тому +1

    Thanks this answered so many of my questions

  • @HemaAnand-zp3ot
    @HemaAnand-zp3ot 2 місяці тому

    Very nice tutorial to create CRUD operation using flutterflow, I have a query. When we update the value, if the user wants to update the specific field only and not editing all the fields, it is not happening. Non edited fields are updating with an empty value and not with the value populated from the parameters. Should we bind the fields with parameter values passed? How to do it?

  • @saifhlaimi1976
    @saifhlaimi1976 4 місяці тому +1

    Thank you, sir! That was very helpful.

    • @eelspace
      @eelspace  4 місяці тому

      Glad it was helpful!

  • @ernestmbila5047
    @ernestmbila5047 Рік тому +1

    Nice content and a nice tool. remind me when I started learning programming. CSS, HTML etc, this is so cool and thought full. The Flutterlow is doing to programing what SDWAN is doing in Networking. hahahah

  • @roguegamer2979
    @roguegamer2979 7 місяців тому

    This is a great tutorial. Really detailed explanations of all the features. Thanks a lot sir!

  • @mshiv5488
    @mshiv5488 5 місяців тому

    Hey, Thanks.. I'm having difficulty creating a document in a subcollection.. I'm wondering why the process isn't the same?

  • @Lauette1
    @Lauette1 2 місяці тому +1

    This was great, Thank you so much! Do you have a donation link? I've seen some others had a link to "buy me a coffee". I'd love to do that for you!

    • @eelspace
      @eelspace  2 місяці тому

      I have a Patreon link
      I’ll share it with you

  • @XplorerAlam
    @XplorerAlam Місяць тому +1

    thank you david bro

    • @eelspace
      @eelspace  Місяць тому

      You’re welcome

  • @marcoaraya9063
    @marcoaraya9063 Рік тому

    Bro thank you very much for this content it's amazing, I'm from Costa Rica and for a university course of mobile programming I had to create projects using FlutterFlow

  • @DanTolhurst
    @DanTolhurst 10 місяців тому

    Love the vid, am new to flutterflow and this has helped me out a lot. Can i please offer 1 suggestion, can you move your camera so that your face is not showing on top of the parameters, alot of the time when i am trying to follow what you are doing, it is hidden behind your beautiful face, :)

  • @tuluswidodo5233
    @tuluswidodo5233 Рік тому +1

    tutorial on how to distinguish us from admin and user logins please, after crud so we can have 2 accounts 1 admin account can access crud and the other user account can only access view

    • @eelspace
      @eelspace  Рік тому +1

      I will work on this subsequently

  • @WeiBTV
    @WeiBTV 8 місяців тому

    bro i hope you are not blocking some of what you are doing thank but over all this is nice

  • @Michael-rh7we
    @Michael-rh7we Рік тому +1

    thanks for this David Orok

  • @SilverTongueFox
    @SilverTongueFox Рік тому

    Thank you very much! I highly appreciate your help and work.

  • @efeobieroma5206
    @efeobieroma5206 Рік тому +1

    This video was very helpful. Thank you so much. Van you please do something on subcollections? That's a current headache with FF.
    Thank you.

  • @HelloEveryOne-i1g
    @HelloEveryOne-i1g 2 місяці тому

    Does FlutterFlow support WebSocket?

  • @DavidSmitt
    @DavidSmitt Місяць тому

    @eelspace Good evening,
    How do I find the INPUT DECORATION PROPERTIES?
    I can't find it after scrolling to the bottom.

    • @eelspace
      @eelspace  Місяць тому

      Click the text field widget first then check the right side of the screen and scroll down

  • @oliverswainaina5735
    @oliverswainaina5735 Рік тому +3

    Hello David, thank you so much for this. Following your futterflow tutorials from Kenya 🔥🔥.
    Could you make a tutorial for live data from firebase with charts o flutterflow?

    • @eelspace
      @eelspace  Рік тому

      You are welcome. How is Kenya?

  • @dakaradakaradakara699
    @dakaradakaradakara699 3 місяці тому

    Hello, is it the same way as using supabase?

  • @user-uu4lb9fs7g
    @user-uu4lb9fs7g Місяць тому

    hi david can you teach me how to do phone authentication? thank you

  • @lehaswinipalla3365
    @lehaswinipalla3365 Рік тому +1

    very helpful, thanksss

  • @ifindbugsinyourcode1644
    @ifindbugsinyourcode1644 7 місяців тому

    Hey bro!
    amazing tutorial. you really helped me a lot to build a CRUD application on flutterflow. I need help btw, i've implemented all the steps as mentioned, but my application isn't able to delete and update the entries. It can only create and display the entries for now.
    does it has anything to do with firestore rules? please help!

  • @TexhDev
    @TexhDev 7 місяців тому

    Is there a way to make only specific users see their read and update portions ?

  • @thiagosnelli138
    @thiagosnelli138 6 місяців тому

    mate, what about create multiple documents at one click? Have you any idea on how to do that?

  • @johnsunday3548
    @johnsunday3548 10 місяців тому

    Great bro...but i succesfully integrated but i can interact with my firestore its just not working could it be as a result of the free plan i use it just dont perform crud what do i do next. Thanks

  • @james12gc
    @james12gc Рік тому

    LOOOOW MAN THIS IS VERY COOL THANKS!

  • @elijahlazarus4639
    @elijahlazarus4639 5 місяців тому

    Thanks for this tutorial sir. I am inspired!

  • @betulcetiner5618
    @betulcetiner5618 Рік тому +1

    Hey David Thank you for the info! That was so useful! As a beginner and woman that has no idea about any coding just succeeded on creating address pages on my app! :D I had trouble on editing part tho. I wanted to edit only a few fields not all the fields as you showed. That way, other info goes blank in the read page :( Any videos on making that possible? Do i have to set up conditional value so that if i dont edit that field it will show the previous value? well i dont know how to do it yet but i will hopefully. Thank you!!!

    • @eelspace
      @eelspace  Рік тому

      Thanks for your feedback.
      It's possible to do that.
      You have to make sure that the initial value of the text fields is from the queried documents
      That way when you want to edit, you edit only the field you want while the rest remains as it was

  • @reynaldoiii9807
    @reynaldoiii9807 3 місяці тому

    Thank you so much ur the man

  • @Praise_Patrick
    @Praise_Patrick 5 місяців тому

    I ran into an issue, when ever I run the project to preview what I have done the screen comes out blank. it is showing only the App bar??😪🥺

    • @eelspace
      @eelspace  5 місяців тому

      Publish the app via web publishing and see if the issue persists and if it does reach out to me via LinkedIn
      LinkedIn.com/in/mrdavidorok

  • @KrnelPanc
    @KrnelPanc 6 місяців тому +1

    great tutorial! totally saved me

    • @eelspace
      @eelspace  6 місяців тому +1

      You're welcome

    • @KrnelPanc
      @KrnelPanc 4 місяці тому

      @@eelspace if you ever do a Udemy course, or make one on your own platform, I would sign up!

  • @orianatoubia681
    @orianatoubia681 19 днів тому

    thank you!

  • @oescobardo
    @oescobardo Рік тому

    helped me so much, thank you!!!

  • @denzeleiseb6364
    @denzeleiseb6364 9 місяців тому

    Awesome, thanks.

  • @xzatech
    @xzatech Рік тому +1

    your adding name and John somewhere that can not be seen because the video is in the way!

  • @sushmagouti6730
    @sushmagouti6730 Рік тому

    Hi can anyone help me ,i need to take photos from user by camera within flutterflow and need to send it to the backend this is a mobile application only and am new to this platform

  • @maileisualua1896
    @maileisualua1896 Рік тому +1

    Can a Apple watch be compatible with Flutterflow?

    • @eelspace
      @eelspace  Рік тому +1

      I think so. Give it a try

  • @chidozieobiokoye
    @chidozieobiokoye Рік тому

    Hey big man.
    Thanks for this!
    Do you have any vidoes where you build a web app as opposed to a mobile app / mobile view?

    • @eelspace
      @eelspace  Рік тому

      Yeah you can start with this series on Food delivery app ua-cam.com/video/6Yf7eYQt8D0/v-deo.html

  • @shamsnahid4046
    @shamsnahid4046 5 місяців тому

    Thanks!

  • @engridmedia
    @engridmedia Рік тому +1

    thanks

  • @adityamittal01
    @adityamittal01 Рік тому

    I have made an app where I use phone login for authentication. After login when user will navigate to create screen. On adding create document action, it shows an error 'only create document via authentication action'. Can anyone solve this issue?

  • @AggieAze
    @AggieAze Рік тому

    Thank you

  • @AnesuKativhu-p4q
    @AnesuKativhu-p4q 10 місяців тому

    Thank you for this 1

    • @eelspace
      @eelspace  10 місяців тому

      No problem 😊

  • @imanannjin8441
    @imanannjin8441 Рік тому

    THX U

  • @awobotuoluwatayo9677
    @awobotuoluwatayo9677 Рік тому

    Hi, can please show me how to create two users role and admin.
    and secondly, how to display statistics on a user dashboard like no. of post by users etc

    • @eelspace
      @eelspace  Рік тому

      Yeah.
      You can start with this series on Food delivery app ua-cam.com/video/6Yf7eYQt8D0/v-deo.html

  • @OnwurahRaphaelOtito
    @OnwurahRaphaelOtito 13 днів тому

    Hello
    My Flutterflow is refusing to generate config files
    What is the solution

    • @eelspace
      @eelspace  12 днів тому

      Refresh your browser

  • @dailysport2477
    @dailysport2477 5 місяців тому

    still very confuse

  • @sampecker307
    @sampecker307 Рік тому

    Thanks

  • @commodorelamar7854
    @commodorelamar7854 Рік тому

    Hi, how about let say I want to know the number of people with the name ‘ Jones’ from the database. And also how many ‘jones’ logged in like a
    for a month.

    • @eelspace
      @eelspace  Рік тому

      That's very possible with the right logic conditions

    • @commodorelamar7854
      @commodorelamar7854 Рік тому

      @@eelspace ok 👍🏽 can you make a video for that ??

  • @AssassinUK
    @AssassinUK Рік тому +2

    Great Video but the video of you was blocking some of your actions.

    • @eelspace
      @eelspace  Рік тому +3

      Oh thank you for this comment.
      I will ensure to fix that in my next video

  • @xzatech
    @xzatech Рік тому

    Fyi: browser was blocking insecure content - I mention just in case anyone comes across this issue also 😅check site blocked settings

    • @eelspace
      @eelspace  Рік тому

      Sorry I didn't understand.
      Please explain

    • @xzatech
      @xzatech Рік тому

      @@eelspace I figured it out 👍🏾

  • @commodorelamar7854
    @commodorelamar7854 Рік тому

    Hi, how do I add gender ( male/ female) to the first name and last name text field and store it in the database

    • @eelspace
      @eelspace  Рік тому

      Sorry your question is unclear

    • @commodorelamar7854
      @commodorelamar7854 Рік тому

      @@eelspace how do I store male or female in the database?

  • @nicolaimagnussen1914
    @nicolaimagnussen1914 Рік тому +5

    Are you satisfied with flutterflow or do you miss actual coding? Felt like flutterflow was almost more advanced to learn than actually coding the thing 😂😢

    • @eelspace
      @eelspace  Рік тому +1

      FlutterFlow is amazing. I still code too sometimes

  • @blessingchime
    @blessingchime Рік тому

    Hi David, there is no link to fluterflow

  • @MahtabMukhtar-m6i
    @MahtabMukhtar-m6i Рік тому

    you thumbnail add in flutterflow text / icon

    • @eelspace
      @eelspace  Рік тому

      Sorry I don't understand

  • @sandusingh8062
    @sandusingh8062 Рік тому +1

    Hello david, can you please hide yourself in the video?

    • @eelspace
      @eelspace  Рік тому

      In future videos I will hide myself. Thank you for your observation

  • @aserdias7813
    @aserdias7813 4 місяці тому

    bro is a genious, but need a script

  • @RovicEspiritu-x5l
    @RovicEspiritu-x5l 6 місяців тому

    Your video is blocking the tutorial

  • @dailysport2477
    @dailysport2477 6 місяців тому

    am so so confuse sha

  • @ankitshrivastava2017
    @ankitshrivastava2017 4 місяці тому

    You should prepare what you're going to say in your videos. Something like a script and then speak accordingly. Your way of telling is very extempore in nature and quite confusing for the viewer. Plus it increases your video lengths also because your mind keeps on buffering for the next piece of right action.

    • @eelspace
      @eelspace  4 місяці тому

      Thanks for your suggestion

  • @PinasPiliNa999
    @PinasPiliNa999 Рік тому +1

    I cant see other things that you are doing because your face is blocking it. Never mind your face as long as we can see all what you are doing

  • @nahincdr1887
    @nahincdr1887 Рік тому +1

    kindly remove your face. I cannot see the rest of parts

  • @ahmedmarzougui9406
    @ahmedmarzougui9406 6 місяців тому +1

    merci