How to set up Login/Sign Up and Logout in FlutterFlow (FULL TUTORIAL 2023)

Sdílet
Vložit
  • čas přidán 28. 08. 2024
  • Hello guys welcome to eelspace CZcams channel.
    In this video you will learn how to create a login/sign up/logout functionality in FlutterFlow
    Once again I have made the tutorial really simple and you will learn so many things from it.
    To Join our community on Telegram, click on the link below and subscribe to the Nocode Africa Telegram Group
    t.me/growwithn...
    Highly recommended
    Complete Tutorial on How to Build a Nike Sneaker Store Mobile App Without Coding Using FlutterFlow and Firebase
    Click this link: • Build a Nike Sneaker S...
    Here are my paid courses you can get for almost free with links to clone the apps
    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
    ✅To watch a beginner tutorial about Flutterflow, check the link below:
    • Introduction to Flutte...
    ✅To watch a tutorial video on How to Build a Marketplace (Fiverr) with Flutterflow! (FULL TUTORIAL 2023), check the link below
    • How to Build a Marketp...
    ✅Kindly subscribe to this CZcams channel, like and turn on the notications.
    / @eelspace
    See you in the next video.
    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 😊😊
    #flutterflow #adalo #bubble #nocode #mobileapps

Komentáře • 82

  • @jajasaria
    @jajasaria Před 2 dny +1

    thanks for sharing this video. keep it up

  • @potokipaul
    @potokipaul Před rokem +10

    Hi David, firstly I want to thank you for taking your time to create this video
    I normally don't drop comments on CZcams but I've to do this
    I developed an interest to learn how to use flutterflow as a nocode tool , I've watched a couple of videos on CZcams and they were not explanatory to a beginner
    I came across your video and decided to give it a try and to my surprise your video gave me the spark I needed
    You're really a good teacher and I would love to make some request please,
    Can you drop more videos on Flutterflow, I really want to learn how to use this platform
    Thanks so much David 🙏

    • @eelspace
      @eelspace  Před rokem

      Thank you very much , Paul.
      I will drop more videos with time.
      Remember to subscribe and click the notification bell so you can get notified when we post video tutorials.

    • @jordangoren
      @jordangoren Před 4 měsíci

      this ^

  • @beepypeepy
    @beepypeepy Před rokem +2

    Please keep it up with the flutterflow content! Vastly underserved tutorial community!

    • @beepypeepy
      @beepypeepy Před rokem +1

      However, there is a need for tutorials for more advanced flutterflow functions. A lot of people have covered the basics like login/signup already. Thanks!

    • @eelspace
      @eelspace  Před rokem +1

      Thank you. I'll keep developing contents

  • @itguruzee-edux
    @itguruzee-edux Před 5 měsíci +2

    You are such a true informer ❤ thanks bro

  • @ashishk5016
    @ashishk5016 Před 10 měsíci +2

    Very well explained but would be great if you can share video for
    1. Admin module and client module under one login screen if the use is admin, it should redirect him to admin page and if client then client module
    Also once Authorized from the firestore/Superbase by admin via the admin dashboard then only the client can login -> Firestore/super base-> Admin Dashboard -> users 1. Create /Send password etc basically the admin page for Firestone and supervise within the app from one login page users
    2. Logged in users
    ->Delete users

  • @randomg613
    @randomg613 Před 8 měsíci +1

    Thank you so much David! God bless you for helping!

  • @MrJannisvloggtReloaded
    @MrJannisvloggtReloaded Před 10 měsíci +1

    Hey,
    Thank you very much for this video!
    This helped me so much.

  • @inkalert_app
    @inkalert_app Před 11 měsíci +1

    First of all, i really like your tutorials. Very clear and understandable. Thank you!
    I have a question though: You say, that the data in the Flutterflow Schema has to match the data in Firebase... But trying it out, that's not the case. You can have field in Flutterflow Schema that don't exist in the Firebase and it automatically creates them. Am I missing something?

  • @thefirechariot1
    @thefirechariot1 Před měsícem

    Great video, thanks-
    I need to ask you for information. You initially created the account parameters from Firebase. But what if it was a new account signing up? what procedure should I follow?
    Thank you.

    • @eelspace
      @eelspace  Před 29 dny

      Sorry I don’t quite understand your question

  • @prakashm.s8134
    @prakashm.s8134 Před 7 měsíci +1

    Thank you

  • @amadiclement6004
    @amadiclement6004 Před rokem +2

    I really enjoy your tutorial..
    But you are still yet to make a video on how I can actually implement paystack in my ordering app in Adalo.

    • @eelspace
      @eelspace  Před rokem +1

      Oh I remember that.
      I'll do this this weekend 🙂

    • @amadiclement6004
      @amadiclement6004 Před rokem

      @@eelspace I will so much appreciate it, please don't forget.
      I must confess I so much love your videos.

    • @amadiclement6004
      @amadiclement6004 Před rokem

      Hello please hope you have not forgotten your promise this weekend?

  • @Brahmarishi2488
    @Brahmarishi2488 Před 13 dny

    Widget's backend query loading widget is set to a non-existent component.? i get this problem How to fix

  • @fredogugua8009
    @fredogugua8009 Před 3 měsíci

    i love this video
    thanks lot.
    but i have a question,
    can i use one firebase for different projects?

    • @eelspace
      @eelspace  Před 3 měsíci

      Yes you can use one firebase project for different FF projects

  • @maicocarminato2613
    @maicocarminato2613 Před rokem +1

    cool

  • @phyrokelstein
    @phyrokelstein Před rokem

    I really enjoyed the video thanks for the tutorial

  • @jasondada5705
    @jasondada5705 Před 5 měsíci

    Thanks

  • @MSopianHassan
    @MSopianHassan Před rokem +1

    Hi David, can you help me how to setup a fix position for a card? I would like to put it at the bottom. Thanks

    • @eelspace
      @eelspace  Před rokem

      You can use the stack widget to achieve that

    • @MSopianHassan
      @MSopianHassan Před rokem +1

      @@eelspace thanks for a quick reply. Tried to use stack widget it last night - however not successful. Appreciate if you could record a video on that feature.. Thanks

    • @eelspace
      @eelspace  Před rokem +1

      @@MSopianHassan It won't be very soon but subsequently

  • @zerolikeproduction
    @zerolikeproduction Před 4 měsíci

    add query -> query collection after this its showing nothing , it shows message no collection added.

  • @petec9944
    @petec9944 Před 3 měsíci

    when I test the app and do the sign up. after clicking signup it doesnt load anything after...

  • @nikesh4290
    @nikesh4290 Před rokem +1

    Hi david, How do I make it so it stores user inputs into the firebase collection. Do I need to create an action for the sign up page of email address box?

    • @eelspace
      @eelspace  Před rokem

      When working with account creation you don't need to create a collection for users in firebase. It's done automatically after you have set up authentication and implemented the right actions

  • @denzeleiseb6364
    @denzeleiseb6364 Před 10 měsíci

    Hi David, thanks for the video.
    I am experiencing a double login. First I logged in with user 1 that has profile pic and other infor. Then I logged out and logged in with the user 1. Now I can still see user 1 info quickly appear and disappear and then user 2 picture does not show even though it is in the db.

  • @rsentertainers9505
    @rsentertainers9505 Před rokem

    Hi sir Please upload one video on how to get airtable data to flutterflow application along with text and images, there is no video in youtube with clear explanation please make a video on it.

    • @eelspace
      @eelspace  Před rokem

      I will work on it subsequently

  • @MicroLabs-iy1qq
    @MicroLabs-iy1qq Před 7 měsíci

    where to start please i have no idea where to start from 0 flutter flow i need your tutorial for beginner

  • @Neu_mayne
    @Neu_mayne Před 6 měsíci

    I always get 'cannot enable Firestore for this project, an unknown error occurred', but when i relog in fire base and go to the firestore database tab, there's a database called default in there... Am i missing something?

  • @angelterrero4457
    @angelterrero4457 Před 6 měsíci

    The way bro lost focus because of the battery is wholesome 😂

  • @tijmenboon5745
    @tijmenboon5745 Před 4 měsíci

    Hey bro I just bought your course on how to build a "medical booking" app and after payment nothing happened let me know how I can access! Thanks in advance

    • @eelspace
      @eelspace  Před 4 měsíci

      Hello
      Please send me an email with proof of payment and I'll help you get access to the course immediately
      m.mrdavidorok@gmail.com or reach out to me on Instagram instagram.com/mrdavid.orok

    • @eelspace
      @eelspace  Před 4 měsíci

      Meanwhile which platform did you use in buying the course?

  • @brandandgrowbig2580
    @brandandgrowbig2580 Před 2 měsíci

    Did anyone else following along notice some steps weren't filmed?

  • @srisir481
    @srisir481 Před rokem +1

    can we download code or it should be hosted only on flutterflow?

    • @eelspace
      @eelspace  Před rokem

      You can download the codes with a pro plan on FlutterFlow

  • @ViniciusSouzaF
    @ViniciusSouzaF Před rokem +7

    Lot's of errors in the tutorial, it doesnt make any sense to use two different databases and displaying info from both, for example: the same detail info (email and name) will be showed to all users even if you create another account

    • @eelspace
      @eelspace  Před rokem

      You can filter to show the details you want.

    • @nukefiter9996
      @nukefiter9996 Před 2 měsíci

      he was actually correct, you must represent it in two different databases otherwise you cannot toggle back and forth.

  • @topazyates
    @topazyates Před 11 měsíci

    greetings david. excellent tutorial but i have a question. I followed the steps precisely yet, Why does my app never go to the logged in page when i click the sign in button and the create profile button? all i get is a quick load and the users are saved in firebase. i can change the passwords but i remain locked out in test mode. I even added send email verification and a navigate action but nothing seems to work. can you help me please?

    • @eelspace
      @eelspace  Před 11 měsíci

      Have you set your "entry" and "logged in" page? You need to set this so that it will by default take the user to the logged in page when they try to sign in

    • @topazyates
      @topazyates Před 11 měsíci

      @@eelspace yes. the entry page is the terms and conditions. logged in page is the home page.

  • @cide73
    @cide73 Před rokem

    Nice 😊👍

  • @techsupportsoluciones

    hello very good video. If I pay by PATRON, can you advise me personally?

    • @eelspace
      @eelspace  Před rokem

      Yes If you are my Patron I will advise you personally for sure

    • @malikgiornitm8065
      @malikgiornitm8065 Před rokem

      Can u do the same for me?

  • @NO-om8vo
    @NO-om8vo Před rokem

    Hi David, how to put the app online and make users have their own account with their name and email address instead of David Orok?

    • @eelspace
      @eelspace  Před rokem +1

      Sorry your question is not clear. Please say it again more clearly

    • @NO-om8vo
      @NO-om8vo Před rokem

      @@eelspace Sorry, I'm French and I don't speak English well. I would like to know how to put an application like this online, that is, how to publish it. I would also like for users to have their own profile with their photo, name, etc.

  • @alainscilly
    @alainscilly Před rokem

    can you help me please, i can't enable authentication after i connect id project in firebase, create user collection work, but enable authentication not work

    • @eelspace
      @eelspace  Před rokem

      You need to add firebase@flutterflow.io as an editor in firebase before you can connect firebase ID

  • @masiemil2584
    @masiemil2584 Před rokem

    the Home Screen did not show the input details of the email tho?

  • @bedtimestories9032
    @bedtimestories9032 Před rokem

    Thanks for the video but I have a question. Pls can one create an app and link it to whatsapp

    • @eelspace
      @eelspace  Před rokem

      Yes you can. Do you need help building something like that?

  • @RuchiMittal-ts7bo
    @RuchiMittal-ts7bo Před rokem

    after create the account ... when my user sign in to account .. it gives null ..why ??

    • @eelspace
      @eelspace  Před rokem

      I think you must have missed a step

    • @RuchiMittal-ts7bo
      @RuchiMittal-ts7bo Před rokem

      @@eelspace yes you are right ...but now it solved ..thank you 😄

  • @centralviberecords5659
    @centralviberecords5659 Před 10 měsíci

    can you help me david can you help me with my app please im stuck thanks matthew

    • @eelspace
      @eelspace  Před 10 měsíci

      Yeah! Send me a message on Instagram or LinkedIn
      LinkedIn.com/in/mrdavidorok
      @mrdavid.orok

  • @Nisha-td5cq
    @Nisha-td5cq Před rokem

    will any password work? when i try to sign in it does not work :(

    • @eelspace
      @eelspace  Před rokem

      I don't understand your question

  • @easywayback69
    @easywayback69 Před 11 měsíci

    Shit dont work

    • @eelspace
      @eelspace  Před 11 měsíci

      Maybe you are doing something wrong.
      Check your firestore rules

    • @easywayback69
      @easywayback69 Před 10 měsíci

      @@eelspace Im for sure doing something wrong. And I cant figure out what - Tried to google it- no results. And it also deleted half my storyboard for some reason.

  • @MariaS533
    @MariaS533 Před 10 měsíci

    6:18 First of all thanks for all your videos 🫶 Does it still work if you are using eu databases/servers instead of ? Because it seems not to work in my case

    • @eelspace
      @eelspace  Před 10 měsíci

      Yes it will still work. Thanks for your kind words 🙏