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

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

[@Victor-vp8ui]

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

[@eelspace]

Thank you! Will do!

[@user-su2mr9wu7c]

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

[@inzimamali]

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]

You're welcome 🤗 Check the channel for more videos

[@reyesmoreno7607]

Excelente tutorial, bien explicado, nuevo suscriptor.

[@eelspace]

Thank you 🙏

[@vechanprabhu3698]

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

[@phillipndegwa7105]

Thanks for this. Exactly what i was looking for.

[@eelspace]

Glad I could help!

[@tribeofenoch]

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]

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 🙏

[@tegir666]

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

[@user-su2mr9wu7c]

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

[@SlimSHadY_10]

best video on youtube

[@eelspace]

Thank you

[@lafikdadi1]

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

[@eelspace]

Thank you 😁

[@eelspace]

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

[@engridmedia]

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

[@eelspace]

You are welcome

[@engridmedia]

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

[@cyber_dyanmike4816]

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

[@OlumideAbayomi-kg9tj]

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

[@MRXR95]

same problem

[@user-lv1zv8bg9g]

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

[@ashishk5016]

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

[@thomasnilsson944]

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

[@fuzzypancakes123]

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?

[@efosaodigie5282]

Beautiful ❤

[@eelspace]

Thank you! Cheers!

[@tribeofenoch]

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

[@Prashshet]

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]

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

[@centralviberecords5659]

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]

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]

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

[@samuel-olusegun]

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

[@somebody2409]

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

[@eelspace]

You have to use the firestore upload media action

[@kiettran586]

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?

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

[@user-qy5on6yz5v]

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]

No try and troubleshoot

[@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?

[@OlumideAbayomi-kg9tj]

I have same issue too

[@tegir666]

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]

Not possible

[@engridmedia]

Yet to watch . But thaanks in advance

[@eelspace]

You are welcome

[@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]

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]

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

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

[@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]

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

[@b.farhana]

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