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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ก.พ. 2023
  • Hello guys welcome to eelspace TH-cam 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.
    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/groceryshoppingapp
    Bonus: Link to clone the completed app
    How to Build a Medical Booking App without coding using FlutterFlow
    selar.co/medicalbookingapp
    Bonus: Link to clone the completed app
    How to Build an Online Learning Mobile App
    selar.co/onlinelearningapp
    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 TH-cam 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
  • บันเทิง

ความคิดเห็น • 79

  • @itguruzee-edux
    @itguruzee-edux 4 หลายเดือนก่อน +2

    You are such a true informer ❤ thanks bro

  • @potokipaul
    @potokipaul ปีที่แล้ว +9

    Hi David, firstly I want to thank you for taking your time to create this video
    I normally don't drop comments on TH-cam 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 TH-cam 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  ปีที่แล้ว

      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 3 หลายเดือนก่อน

      this ^

  • @randomg613
    @randomg613 7 หลายเดือนก่อน +1

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

    • @eelspace
      @eelspace  7 หลายเดือนก่อน

      You are very welcome

  • @MrJannisvloggtReloaded
    @MrJannisvloggtReloaded 9 หลายเดือนก่อน +1

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

    • @eelspace
      @eelspace  9 หลายเดือนก่อน

      You're welcome 🤗

  • @beepypeepy
    @beepypeepy ปีที่แล้ว +2

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

    • @beepypeepy
      @beepypeepy ปีที่แล้ว +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  ปีที่แล้ว +1

      Thank you. I'll keep developing contents

  • @justnobody4543
    @justnobody4543 11 หลายเดือนก่อน +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?

  • @maicocarminato2613
    @maicocarminato2613 ปีที่แล้ว +1

    cool

  • @ashishk5016
    @ashishk5016 9 หลายเดือนก่อน +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

  • @jasondada5705
    @jasondada5705 4 หลายเดือนก่อน

    Thanks

  • @denzeleiseb6364
    @denzeleiseb6364 9 หลายเดือนก่อน

    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.

  • @Neu_mayne
    @Neu_mayne 5 หลายเดือนก่อน

    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?

  • @phyrokelstein
    @phyrokelstein ปีที่แล้ว

    I really enjoyed the video thanks for the tutorial

    • @eelspace
      @eelspace  ปีที่แล้ว

      You are welcome

  • @petec9944
    @petec9944 2 หลายเดือนก่อน

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

  • @prakashm.s8134
    @prakashm.s8134 6 หลายเดือนก่อน +1

    Thank you

    • @eelspace
      @eelspace  6 หลายเดือนก่อน +1

      You're welcome

  • @zerolikeproduction
    @zerolikeproduction 3 หลายเดือนก่อน

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

  • @thefirechariot1
    @thefirechariot1 9 วันที่ผ่านมา

    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  6 วันที่ผ่านมา

      Sorry I don’t quite understand your question

  • @nikesh4290
    @nikesh4290 ปีที่แล้ว +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  ปีที่แล้ว

      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

  • @MicroLabs-iy1qq
    @MicroLabs-iy1qq 6 หลายเดือนก่อน

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

  • @fredogugua8009
    @fredogugua8009 2 หลายเดือนก่อน

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

    • @eelspace
      @eelspace  2 หลายเดือนก่อน

      Yes you can use one firebase project for different FF projects

  • @MSopianHassan
    @MSopianHassan ปีที่แล้ว +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  ปีที่แล้ว

      You can use the stack widget to achieve that

    • @MSopianHassan
      @MSopianHassan ปีที่แล้ว +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  ปีที่แล้ว +1

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

  • @angelterrero4457
    @angelterrero4457 6 หลายเดือนก่อน

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

  • @amadiclement6004
    @amadiclement6004 ปีที่แล้ว +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  ปีที่แล้ว +1

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

    • @amadiclement6004
      @amadiclement6004 ปีที่แล้ว

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

    • @amadiclement6004
      @amadiclement6004 ปีที่แล้ว

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

  • @topazyates
    @topazyates 11 หลายเดือนก่อน

    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  11 หลายเดือนก่อน

      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 11 หลายเดือนก่อน

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

  • @srisir481
    @srisir481 ปีที่แล้ว +1

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

    • @eelspace
      @eelspace  ปีที่แล้ว

      You can download the codes with a pro plan on FlutterFlow

  • @alainscilly
    @alainscilly ปีที่แล้ว

    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  ปีที่แล้ว

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

  • @cide73
    @cide73 ปีที่แล้ว

    Nice 😊👍

  • @rsentertainers9505
    @rsentertainers9505 ปีที่แล้ว

    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  ปีที่แล้ว

      I will work on it subsequently

  • @brandandgrowbig2580
    @brandandgrowbig2580 2 หลายเดือนก่อน

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

  • @tijmenboon5745
    @tijmenboon5745 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน

      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  3 หลายเดือนก่อน

      Meanwhile which platform did you use in buying the course?

  • @NO-om8vo
    @NO-om8vo ปีที่แล้ว

    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  ปีที่แล้ว +1

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

    • @NO-om8vo
      @NO-om8vo ปีที่แล้ว

      @@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.

  • @masiemil2584
    @masiemil2584 ปีที่แล้ว

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

    • @eelspace
      @eelspace  ปีที่แล้ว

      I'll cross check that

  • @RuchiMittal-ts7bo
    @RuchiMittal-ts7bo ปีที่แล้ว

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

    • @eelspace
      @eelspace  ปีที่แล้ว

      I think you must have missed a step

    • @RuchiMittal-ts7bo
      @RuchiMittal-ts7bo ปีที่แล้ว

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

  • @techsupportsoluciones
    @techsupportsoluciones ปีที่แล้ว

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

    • @eelspace
      @eelspace  ปีที่แล้ว

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

    • @malikgiornitm8065
      @malikgiornitm8065 ปีที่แล้ว

      Can u do the same for me?

  • @bedtimestories9032
    @bedtimestories9032 ปีที่แล้ว

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

    • @eelspace
      @eelspace  ปีที่แล้ว

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

  • @Nisha-td5cq
    @Nisha-td5cq ปีที่แล้ว

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

    • @eelspace
      @eelspace  ปีที่แล้ว

      I don't understand your question

  • @centralviberecords5659
    @centralviberecords5659 9 หลายเดือนก่อน

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

    • @eelspace
      @eelspace  9 หลายเดือนก่อน

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

  • @ViniciusSouzaF
    @ViniciusSouzaF ปีที่แล้ว +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  ปีที่แล้ว

      You can filter to show the details you want.

    • @nukefiter9996
      @nukefiter9996 หลายเดือนก่อน

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

  • @easywayback69
    @easywayback69 10 หลายเดือนก่อน

    Shit dont work

    • @eelspace
      @eelspace  10 หลายเดือนก่อน

      Maybe you are doing something wrong.
      Check your firestore rules

    • @easywayback69
      @easywayback69 10 หลายเดือนก่อน

      @@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 9 หลายเดือนก่อน

    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  9 หลายเดือนก่อน

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