Build a simple mobile app with login, logout, and upload image functionality in FlutterFlow

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024
  • In this tutorial, you will learn how to build a simple mobile app in FlutterFlow and Firebase that can allow users to create an account and login into the app.
    At the end of the tutorial, you will learn the following:
    ✅Login/Logout implementation in FlutterFlow and Firebase
    ✅Firebase authentication set up
    ✅Firebase firestore database set up
    ✅Firebase firestore storage set up and deploy
    ✅Web publishing
    ✅Basic design of UI in FlutterFlow
    And lots more.
    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 create a new account in FlutterFlow click the link below:
    app.flutterflo...
    To learn how to download the APK file for your app, click the link below:
    • How to download Androi...
    To learn more about pop-ups and bottom sheets, click the link below:
    • How to build a pop-up ...
    #flutterflow #nocode #flutterflowtutorials #flutterflowvideos #firebase #crud

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

  • @Victor-vp8ui
    @Victor-vp8ui 3 หลายเดือนก่อน

    This is the best video, so detailed and easy to understand. Pls we need more videos like this.

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

      Thank you! Will do!

  • @JuniorVilakazi-x5j
    @JuniorVilakazi-x5j หลายเดือนก่อน +1

    Thank you for your effort. I really appreciate your videos. 2nd year student finding flutterflow very easy and useful

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

      Happy to hear this

  • @centralviberecords5659
    @centralviberecords5659 11 หลายเดือนก่อน +1

    can you help create our app please where stuck with sign in and sign out and setting up user profile page and uploading videos from user. Thanks Matthew 😄

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

      Hello I'm Matthew and I'm creating an app I'm stuck joining all the pages together and getting them to all work can you help us. Matthew 🙏❤️

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

      Hi
      Yeah I can
      Send me a message on LinkedIn
      LinkedIn.com/in/mrdavidorok

  • @OlumideAbayomi-kg9tj
    @OlumideAbayomi-kg9tj 10 หลายเดือนก่อน +1

    The user reference isn't in the authenticated user for the update button

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

      same problem

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

    good tutorial, hope you can make another tutorial video for a simple apps using FlutterFlow👍👍👍

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

    How can I filter like when I sign In to page it should only show my details on user dashboard, whereas In my app when I login It shows details of everyone, I am using supabase

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

      After querying the list try and filter by email.
      Say email is equal to authenticated user email

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

    How do I add my users profile picture through out all my pages on my app using flutter flow instead of my users only seeing it on the settings page you made. Maybe like their icon on the top right Corner across all pages for example

  • @abhishekupadhyay-g8v
    @abhishekupadhyay-g8v 7 หลายเดือนก่อน

    how to create a text field for phone number with country code and country flag in flutterflow please guide ??

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

    Bro if you ever create a Patreon website just know that I will be the first to subscribe to it!!!! You're just awesome!!!

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

      Thank you.
      You can buy one of my courses on Udemy
      www.udemy.com/course/build-a-grocery-ecommerce-mobile-app-without-coding-using-flutterflow/?referralCode=BB88FEAE261B4A7C6AB5
      www.udemy.com/course/build-a-medical-booking-app-without-coding-using-flutterflow/?referralCode=3D187409699ABF7FCAFB
      Thank you 🙏

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

    Hey, are there any possibilities to make a flight booking app with Flutterflow??? thanks you for everything !!

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

    thanks alot for the lesson but wonder if you have a tutorial on how to add a line with remember password?

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

    How do I upload my own image from my storage starting from a blank canvas?
    No videos on youtube about this.

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

      You have to use the firestore upload media action

  • @samuel-olusegun
    @samuel-olusegun 10 หลายเดือนก่อน

    Hello, I want to thank you for all you do. Please, I need help. I'm working on a school project where I need users to upload images/videos and get them displayed. Also, I want to integrate chatGPT API to help generate reports. I have been able to do the design, but when I ran the app it came up blank. what did I do wrong? And how do I implement the images/videos and the chatGPT. The dealine is in 2 days. Thank you

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

    btw, i cannot download the code because im not premium yet, can you make a tips how to convert the preview code from flutterflow to dart code, so me or we can try it on code editor, thanks before sir and sorry for the bad english 🙏

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

      Not possible

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

    Hi very well explained but can you make a 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

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

    thanks for this video..I am trying to make login page with backend connection but i did not get it but this video make it happen...
    🙂🙂🙂

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

    Excelente tutorial, bien explicado, nuevo suscriptor.

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

      Thank you 🙏

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

    thanks so much for you , we would like to learn build POS for restaurant that would be very helpful

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

    i'm really happy to see that finally you're focusing on functionality from scratch thanks soo much i hope you will do full project with specific application and do all for publishing all platform and store that will be very helpful

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

    I did the same as in the video but I can't log in. I can only register and log out. Where should I check to log in?

  • @에드가의해외선물일지
    @에드가의해외선물일지 ปีที่แล้ว

    While following this video, the photo URL is not referenced at the end. Is it because it is the free version of Firebase? Thank you for the good video. Like subscribing^^

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

      No try and troubleshoot

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

    What I'm having issues with is attaching specific values to my desired fields (example address to address and phone number to phone number). I am able to get email to work just fine and sync to everything am I missing something?

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

    hello, how about adding a forgotten password, and also for the app to be able to identify that the password inputted is incorrect.. thanks for the knowledge.

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

    Thanks for this. Exactly what i was looking for.

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

      Glad I could help!

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

    Bro... you be de master.... I loveeeeeeeeeeeeeeeeeee it!!!!

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

      Thank you 😁

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

      I have a paid course where you can learn even more things
      You can purchase with the link below 👇
      selar.co/groceryshoppingapp

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

    Thanks for helping, but I am stuck on the home page button. When trying to put an action on the button, the "User Record Reference" is not in the drop down menu underneath "Authenticated User"
    Is there a reason for this? Can someone help please?

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

    best video on youtube

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

      Thank you

  • @b.farhana
    @b.farhana ปีที่แล้ว

    Can we do the above task with free plan in flutterflow...I did it exactly but data is not stored in firebase.

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

      Yes you can
      Are you sure you connected firebase to flutterflow?

    • @b.farhana
      @b.farhana ปีที่แล้ว

      ​@eelspace yes sir I connected...I watched this video 2times but still😔😔unable to store the data

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

    i'm really happy to see that finally you're focussing on functionality from scratch ❤ which is the most important one. hope that there will be more videos like that as well .

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

      You're welcome 🤗
      Check the channel for more videos

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

    Tell me how to display the created posts in the “my posts” section? The fact is that in the “my posts” section all posts of users are displayed, and I need to display only those posts that I created

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

      You have to apply a filter. For instance filter the query with the email of the user that made the post. Start by adding a field called "posted_by" in your database for "posts", the data type will be string.
      There is another way but try this first

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

      @@eelspace
      no brother, this method unfortunately does not work. I tried to create in collections "Post" created by => Document Reference => Users and display it in filters, it didn't work either.

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

      ​@@eelspace I also have problems updating user information. when a user changes their name, the user's photo is deleted automatically. although I did everything like in your videos

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

    I WANT TO SAY THANK YOU AGAIN. ITS EXACTLY WHAT I WANTED.

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

      You are welcome

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

      @@eelspace one more thing. How do we integrate MTN momo and other mobile money payment in Africa with flutterflow ?

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

    Beautiful ❤

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

      Thank you! Cheers!

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

    Yet to watch . But thaanks in advance

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

      You are welcome