FlutterFlow: Building A Complex App (FULL TUTORIAL FOR BEGINNERS) | NoCode Training

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 247

  • @jamesnocode
    @jamesnocode  2 года назад +5

    👍VIEW/CLONE ALL MY NOCODE APPS + support my work: www.patreon.com/jamesnocode
    👍GET MY NEW TRAINING - MASTERING FLUTTERFLOW: masteringflutterflow.com
    👍GET MY NEW TRAINING - MASTERING SUPABASE: masteringsupabase.com

  • @vince2nd
    @vince2nd 2 года назад +11

    Btw, subcollections now work. But it's 1 level deep. I tried it when I was following along and it works as you'd expect

  • @shotenagenciadigital6036
    @shotenagenciadigital6036 2 года назад +30

    Oh men,, I will become rich thanks to the Knowledge that you Give us, and when that happens i will Reward you for all your effor and Love. Thank

  • @jamesw.3032
    @jamesw.3032 2 года назад +18

    The best so far for what i'm looking for, which is focusing on how exactly it flows between backend and frontend. look forward to seeing more... so so much appreciated!

    • @nocodeceo
      @nocodeceo 2 года назад +1

      Same here James! Such a gem. The first time I’ve seriously considered subscribing to someone’s Patreon.

  • @pstimpert
    @pstimpert Месяц назад

    11:00 minutes in and this dude has already saved me a week's worth of time

  • @Paper89-f7d
    @Paper89-f7d 6 дней назад

    Спасибо!

  • @tbresch
    @tbresch Год назад +4

    Great video. Super-helpful. Honestly surprised at how much we got through in a short amount of time. Thanks for putting this together. Even in 2023 the foundational knowledge is here.

  • @TheKing-wr8fe
    @TheKing-wr8fe 2 года назад

    The greatest tutorial I have ever seen.

  • @malcolmlewis7987
    @malcolmlewis7987 Год назад

    Thanks! I watched several videos over the last 1.5 days trying to figure basic FF out after coming over from Glide. This is the first video that stepped me through building the data in Firebase, then recreating the scheme in FF (not sure why FF can't just read it from FB, but it is what it is), then querying the data on a FF page.

  • @RD-pz9sc
    @RD-pz9sc 2 года назад +5

    Thank you! Really helpful! I had to rewatch it a couple of times, pause, read the docs, remind myself, etc, but in the end I think I understood it all! Great!

  • @alsaukh3
    @alsaukh3 2 года назад +9

    Great tutorial👌, Could you please explain in a future video how to use FlutterFlow with Airtable as backend.

  • @jesperst
    @jesperst Год назад +7

    Went through the tutorial and is brilliant. I was playing with different LowCode/NoCode tool like FF, Bildr, Dittofi, Draftbit, Bubble etc but FF is clearly the winner. Due to the possibility to add custom code, mobile-web-desktop apps, and code export this is I think the best tool out there. There is a learning curve and also there are functionalities that can be and I'm sure will be added over time, this is a brilliant tool. Combined with APIs and AI tools, basically anything can be created. Awesome stuff, keep going mate! I'm following and I keep learning! PS.: For most tools, vendor lock-in and lack of custom code is the biggest NO, I hope FlutterFlow will not change their model

  • @welyekoraharjo9705
    @welyekoraharjo9705 10 месяцев назад

    Very informative tutorial, James. I really enjoyed it. Your English is very clear. I don't have to turn on the subtitles. Will bookmark this for future reference. Thank you.......

  • @abhishekbosechef
    @abhishekbosechef 2 года назад +3

    thank you ! it seems like flutterflow allows subcollection now, it would be great if you can explain with the same example in an another video.

  • @generationterra2307
    @generationterra2307 Год назад

    Hands down most useful video!!!! No one is explaining how to create complex apps. Please do the videos on API calls!! 🙏

  • @appstuff6565
    @appstuff6565 Год назад

    you have earned yourself a sub just from your explanation and i am only 9 minutes into the video. Thanks!

  • @nickpaz9113
    @nickpaz9113 2 года назад +7

    Thanks for doing these Flutterflow tutorials it is not easy to find these online. If you created a big course building apps with Flutterflow I would buy it!!!!

    • @jamesnocode
      @jamesnocode  2 года назад +1

      Check the link in the description!

  • @ibrahimkoroma450
    @ibrahimkoroma450 Год назад +1

    Thank you sir for this wonderful teaching.

  • @eselick
    @eselick Год назад +1

    Hi James. This is a really great video, clear, to the point and no wasted words. Do you have another video that covers CRUD in Flutterflow? Thanks!!!

  • @standike8471
    @standike8471 2 года назад +3

    God bless your, Sir. for making my day. was really having issues with with connecting queries with database, but this video came with lots of clarity. Thank you Sir.

  • @omarcheevers
    @omarcheevers Год назад +6

    Hey James, thanks for time in creating this educational content. I really appricaite it. Keep up the good work. Cheers.

  • @dniezby
    @dniezby Год назад +4

    The method for passing the variable no longer works. The choices aren't even the same anymore. Can you do an update on the method to pass the variable? When I try to translate this I cannot select a "name" for set from variable on the Details page. It only lists one item DocumentID and it is Red and cannot be selected.

  • @assisj.2643
    @assisj.2643 Год назад

    a hug from Brazil. Thank you.

  • @에드가의해외선물일지
    @에드가의해외선물일지 Год назад +1

    The add field button is not visible at 15:24 / 45:45 in this video

  • @rahulsinghmatharu5159
    @rahulsinghmatharu5159 Год назад

    Enjoyed going over this video! My first initiation. Thanks

  • @davidstevens6654
    @davidstevens6654 2 года назад +2

    Hi James, Just a thank you note for your sharing.. Helped me a lot

  • @mytube1000javed
    @mytube1000javed Год назад +1

    Hi James, good content. How do you implement actualhotel booking? Have you implemented any API to pull actual booking status, dates and price of each room?

  • @becca8823
    @becca8823 2 года назад

    Was trying to work this out from the Flutterflow channel and didn't succeed, thank you!

  • @bratko249
    @bratko249 Год назад

    Worked well, thank you. Is anyone else having the issue that the background color ist not loaded? Mine ist just transparent and doesn't render.

  • @esamzenhom
    @esamzenhom 2 года назад

    BRO , You are the reason of me doing Flutter Flow :) ..... thank you soooo much

  • @man_vs_life
    @man_vs_life Год назад

    This is the sort of video we like!

  • @omarzhalel9096
    @omarzhalel9096 Год назад

    Best tutorial about FlatterFlow! Thanks James:)

  • @jdworks2922
    @jdworks2922 2 года назад

    new to flutterFlow, still learning and this tutorial taught me a lot!.. got yourself a new super follower

  • @madhuramanathan6910
    @madhuramanathan6910 Год назад

    Thank you James. Just learned new things as basics of FF and FB easily and quickly. Appreciated on your vids shared.

  • @MONEY_AKIMOV
    @MONEY_AKIMOV 2 года назад +1

    Supeerb tutorial. Thank you for your explanation. I'd like to watch more videos about flutterflow apps from 0 to deploy

  • @ricardomazuera
    @ricardomazuera 2 года назад +1

    Thanks for this tutorial. Flutterflow is amazing.

  • @Marc-cn6nd
    @Marc-cn6nd Год назад

    Thanks for the video! I'm happy to see that FF allows now in Firebase 1-level subcollections

  • @nchristiano
    @nchristiano 2 года назад +1

    Thanks for this. Please can you cover how to integrate FlutterFlow and WordPress

  • @seancraig6048
    @seancraig6048 2 года назад

    Loved the vid. Very hepful. Would love to see vid on authentication for a Admin and Client relationship.

  • @LuminousAsianBeauties
    @LuminousAsianBeauties Год назад

    super super great tutorial, easy to follow.thanks for this video James. great job.

  • @Zovig23
    @Zovig23 Год назад

    Thanks for the great video 🙏 Just a quick question: it seems like FlutterFlow now supports sub-collections?
    Would be awesome to see a video explaining best practices around how to choose collections with refs vs. subcollections.

  • @shikharao4937
    @shikharao4937 11 месяцев назад

    Helpful tutorial!
    Is there a way to bulk create data base entries via uploading excel for instance ?

  • @aliderhemhazaal_kabashi8851
    @aliderhemhazaal_kabashi8851 2 года назад

    Thanks Mr james 👍🏻 ✨

  • @appstuff6565
    @appstuff6565 Год назад

    finished this tutorial, thanks.

  • @nicholasappernor4953
    @nicholasappernor4953 Год назад

    James I'm new here, from Ghana and I want to master how to use the flutter. And I'm asking of some of the requirement i will need before starting.

  • @asadnaeem9306
    @asadnaeem9306 2 года назад

    Beautifully Done, Well Done mate.

  • @alexeykirov7667
    @alexeykirov7667 6 месяцев назад +1

    good!!! very good!!! thanks

  • @hxh6974
    @hxh6974 Год назад

    thank you very much for this very enriching content, greetings

  • @Bestjobever
    @Bestjobever Год назад

    Thanks for useful video. One addition - subcollections are already available in flutterflow.

  • @traderpty
    @traderpty 2 года назад

    Hello Mr James excelent video, I will like to see the second part of the API looks very interesting, Thank you in advance.

  • @AlanReyes-l8s
    @AlanReyes-l8s Год назад

    Hello grat video thanks, can you help me?
    how could I add the reviews of a hotel and have them saved in the corresponding collection?

  • @k___T1151
    @k___T1151 2 года назад +1

    please do videos like adding FAB (floating action button) to NavBar in flutterflow, since am strugling to do that, thanks in advance,.

  • @LidiaL79744
    @LidiaL79744 Год назад

    Thank you so much, James, this is very helpful....

  • @laptoprelaks
    @laptoprelaks 2 года назад

    bro!... your tutorial are good.. its simple but you also explain where you need to...
    I hope your channel will get 100k subs soon

  • @AlexCruz-nz3ct
    @AlexCruz-nz3ct 3 месяца назад

    Very Great Tutorial!!! You the man!

  • @peraruor
    @peraruor 2 года назад

    Thank you very much! I'm new on FlutterFlow and your video is a little fast for me, but I'm gonna review it as much as I need, actualy the app I wanna create is simplier than this one, but this example has every thing I need to create my app. I will follow closely your videos. Actually, I have seen several videos, but onestly, this is the best, no waste of time. Excelent video.

  • @notethanpeyton
    @notethanpeyton 2 года назад +2

    Awesome video! Would love to see how you set up user-generated entry into the DB. If the "book now" button created an entry in the DB, that would be dope.

    • @D-Hustlers
      @D-Hustlers Год назад

      @notethanpeyton I'm looking for the exactly same thing. Curious to know if you figured it out?

  • @antoniobrown4539
    @antoniobrown4539 2 года назад +1

    I would love see more information in reference to adding in-app purchases and different API's to Flutterflow

  • @krypto1530
    @krypto1530 Год назад

    Thanks man this was actually very clear

  • @camillegabaston4270
    @camillegabaston4270 Год назад

    Hi James,
    Thanks a lot for the video!
    How to automate the ref field in the video tho??
    to make sure that the reviews is associated to the user in an automated way
    thanks!

  • @MarcoVFX
    @MarcoVFX 2 года назад

    Really great tutorial! The best I found so far

  • @D-Hustlers
    @D-Hustlers Год назад

    Great video and very helpful. What I'm trying to figure out is the last part where once you do the booking confirmation, how do you send that confirmation back to firebase and where is it stored? So that the owners of the hotel know they received a booking. Can you share that please?

  • @DerivativeGenius
    @DerivativeGenius 2 года назад +6

    Love the video. I'm making a commitment to Flutterflow, in part based on this video. I now know that Flutterflow and Firebase can take me all the way to MVP and beyond with my start-up.
    There are some minor issues, where, for a beginner you leave out an move or two related to .. how is he editing that? ... I didn't see how he did that. But, overall excellent.
    And of course, as of the writing of this comment Flutterflow fully supports "one-level" sub-collections. Now, are they performant or will you ALWAYS prefer high-level collections + references for MAXIMUM performance and compatibility??
    Cheers,
    James

    • @dniezby
      @dniezby 2 года назад +1

      Agree. Some points I was like. Wait. How did he do that? I had to slow it down and watch carefully. Lol. Otherwise, it’s pretty good. Though I’m still having some issues because it won’t run in test mode. Driving me nuts.

    • @HaziqahNazurah
      @HaziqahNazurah Год назад +1

      @@dniezby Hi, I also have the same problem. It won't run in test mode. It happens after 29:10. Did you solve the problem? :')

    • @dniezby
      @dniezby Год назад

      @@HaziqahNazurah I did...Tell me a little about the problem you're having. For me, I updated my browser to Edge DEV version and it started to work. Also found out that there were some permission problems.

  • @kamichikora6035
    @kamichikora6035 Год назад

    Dude, I'm a new fan

  • @michaelfackerell3651
    @michaelfackerell3651 Год назад

    I get to 20:45 and I can't see Set from Variable. Probably the interface changed. And now I am stuck.

  • @miguelladeiro7743
    @miguelladeiro7743 Год назад

    bro i was following your steps but at minute 18:56 you cuted the video and then another row apeard out of nowhere, because of that i can t put the texts in one collum. Aprecciated if you help, thanks fo the video anyway

  • @RR-et6zp
    @RR-et6zp Год назад

    Great video honestly. Backend stuff like this is really important. I think another video that would do very well is if you did a tutorial of making an app like 12 hours haha

  • @shreyasdeshpande6653
    @shreyasdeshpande6653 2 года назад

    very useful video and nicely explained. thanks, James

  • @nicholasappernor4953
    @nicholasappernor4953 Год назад

    Mr. James, do I have to pay any money for creating the app or it depends on my content?

  • @TheBigD260
    @TheBigD260 2 года назад +1

    Chillax a bit. Like learning from Speedy Gonzalez!

  • @alimora442
    @alimora442 Год назад

    Very helpful, thank you 🥳

  • @ayushsaharan6319
    @ayushsaharan6319 2 года назад

    Well done man

  • @vinsbe606
    @vinsbe606 2 года назад

    Tell me, please, how to make it so that when a precedent is selected on one screen, after selecting and loading the "go" button, it will be transferred to another screen, where all positions from the selected category would be displayed?

  • @whoadityanawandar
    @whoadityanawandar 2 года назад +4

    Thank you for the video. Although, I am not sure if they simplified things with FlutterFlow or made them more complex. It's like a maze, one mistake and you are lost in it.

  • @marissafahlberg721
    @marissafahlberg721 Год назад

    This is the absolute best tutorial for connecting data using FlutterFlow & Firestore. One question -- do you have any suggestions for uploading larger amounts of data to the database, for example by importing a CSV file? Thanks!

  • @tediak140
    @tediak140 2 года назад +2

    Great tutorial !! Nice introduction to flutterflow.
    Please do a full build of a popular app like Uber, Instagram or WhatsApp.

  • @marcosabbatini2456
    @marcosabbatini2456 Год назад

    bellissimo video. ma per fare un sistema di prenotazione con calendario e carrello come si puo fare?

  • @JulijaJan
    @JulijaJan 11 месяцев назад

    Very interesting. Thank you

  • @pasqualegu
    @pasqualegu 2 года назад

    thank you so much dude you're a god

  • @Moasvy
    @Moasvy Год назад

    So helpful! Thanks

  • @tinkeringlabplus2516
    @tinkeringlabplus2516 2 года назад

    Excellent tutorial! One needs to watch it again and again to understand it. How you take up one topic at time is good for better understanding. Thanks a lot!

  • @stevenleonard6131
    @stevenleonard6131 2 года назад

    If you can't click text which given on Tap method, make sure you disable selectable on Text

  • @conceptual-creative
    @conceptual-creative Год назад

    Hello James, what is the webapp that you use to make the layout of the app in the first seconds of the video?

  • @pierredeman66
    @pierredeman66 2 года назад +8

    A helpful video. I had a quick look at your other videos, but I am missing one thing. Can you also explain how to deploy your app? Especially, how to deploy your app for personal use or internal use. Everything I can find is how to deploy it to the app store or google play store. But it is not needed for my app(s) to be in any of these. Many thanks in advance.

    • @Youngsmooth1
      @Youngsmooth1 2 года назад +2

      You can actually just download the apk of your work on the dashboard. That way its internal

  • @mobileappvids9616
    @mobileappvids9616 Год назад

    Hi, Your tutorial is very good however I am facing an issue of adding backend query in ListView for ReviewList. In new Flutter flow, in Filter option it shows "Collection Field Name", "Relation" and "Value". In value, it select Document ID as a Document reference. After this, I am unable to get values on Review List page? Any help? Thanks.

  • @samgarvis4509
    @samgarvis4509 Год назад

    Dude, you are a beast, thank you for the info.

  • @tapalappa
    @tapalappa 2 года назад +1

    Great video. Just to let you know that Flutterflow announced today that they are supporting sub-collections.

    • @besargator9961
      @besargator9961 2 года назад

      Would be great if this tutorial is updated to use sub-collections.

  • @vinod3887
    @vinod3887 2 года назад

    Bro Thanks a bunch , already a fan

  • @bepmpro
    @bepmpro 2 года назад

    Hey man, would you like to share some tutorial on delete all child records of a parent record. For example, if I want to delete all (and only) courses under a particular class, where each course contains a class reference?

  • @MoroccanAvatar
    @MoroccanAvatar 8 месяцев назад

    i learned a looooot thank you

  • @tomahtotomato
    @tomahtotomato 2 года назад

    Thanks !!! This is super helpful and amazing!!!

  • @novatronica1
    @novatronica1 Год назад

    Great Job!

  • @TosterGoldap
    @TosterGoldap Год назад

    Thank you!

  • @sagarbhatia7425
    @sagarbhatia7425 2 года назад

    Hey which is the best tool to make a good no code app which tools have extra options can we publish in Google play store or app store

  • @KristofferFortuna
    @KristofferFortuna 2 года назад

    Great tutorial! I enjoyed it. Thank you James!

  • @Bintxkhuwaylid
    @Bintxkhuwaylid Год назад

    Thanks

  • @adrianpradzioch5193
    @adrianpradzioch5193 2 года назад +2

    From what I understand, this video (backend related) is no longer relevant as Flutter Flow supports sub collections now? I mean, I understand it would still work but it's kind of more work?

  • @tasuwat
    @tasuwat 2 года назад

    Thanks very much for your kind knowledges sharing !

  • @mohammedsaleh5920
    @mohammedsaleh5920 2 года назад

    Thank you

  • @EshanAdithaya
    @EshanAdithaya 2 года назад

    best of the best. your explanation is amazing sir