Build Instagram Clone | Flutter & Firebase Tutorial for Beginners to Advanced | iOS, Android & Web

[@kristen8156]

You just gained one of a geniune subscriber. Hats off to you. You are providing such a brilliant project for beginners to understand about firebase ,firestore,stram builder everything....i really appreciate your work

[@RivaanRanawat]

Thank you so much! Really means a lot to me! Stay Tuned, more to come 😊!

[@kristen8156]

We are waiting 😊

[@duskiiiyy4872]

I think I love you, thank you so so much. Update 1 : Currently at 58:49 Update 2 : Yey! made it to 2:34:19

[@philipgermain5687]

Not many people would do this for others. As someone looking to learn how to program; thank you so much for what you do and the effort you put into your content. Definitely liked and subscribed haha

[@RivaanRanawat]

Thank you so much Philip!

[@El_Phill]

this was a long one!, finally finished it :p. Extremely helpful as usual. Thanks for doing these videos. And by the way...i love your drawing.

[@RivaanRanawat]

Congrats! And yep, I too love my drawing 🤣🤣!!

[@MrWhitehat36]

still at 02:02:17 and learnt so much in this video. ThankYou for amazing project course.😍

[@RivaanRanawat]

Pleasure!

[@محمدالسمان-ن2ش]

I just want to thank you for the best course ever on youtube and the great effort you invested in making it I learned a lot during this course thanks a lot friend have a nice time

[@RivaanRanawat]

Thank You So Much!

[@imbhavaniprasad]

I just love your tutorials, dont stop uploading videos..flutter is picking up & so subscribers count for your channel:)

[@RivaanRanawat]

Thank you so much!

[@TECH2TORIALS]

Still watching but so far so good. Excited to follow through the whole video.

[@KnowledgeWorld-LetsLearn]

Very good video. Love it! The explanation was crystal clear. But just one 2 help needed from you sir: 1) How to add stories & its functionality 2) How to send notifications to users when post is liked or someone followed If a video is not possible can you please at least just leave a small reply like a clue on how to add stories with proper duration(like 24hrs) & send notifications. Else the video is awesome & very helpful.

[@RivaanRanawat]

1) To add Stories in Your App , you need to keep a few things in mind. First, you need a proper UI functionality wherein you can display multiple images from 1 user only and change the image after 3 seconds of showing one image. To achieve this, you can check Mitch Koko's Video, he explains it well here: kzbin.info/www/bejne/rmKooH6jnb6deJI 2nd thing is before displaying the stories, you need to check if it is posted in the last 24 hours and if not then you don't want to display it. To do that, you can set datePublished property while uploading stories to Firestore.. While retrieving the stories, you will get datePublished in timestamp format, you can convert that to DateTime, then subtract with the current Date(DateTime.now), convert it into hours and check if it is less than 24.. Along with that you can make use of Firebase's Schedule Functions which will help you to delete the documents from Firestore automatically. You can write functions there and get your task done. Refer the documentation here: firebase.google.com/docs/functions/schedule-functions 2) To send notifications to users, you need to make use of Firebase Cloud Messaging. Link: firebase.google.com/docs/cloud-messaging I am going to make a tutorial soon related to Dynamic Push Notification with FCM soon (but will only work on Android because it's not possible to test from iOS Simulator) If you have any more doubts, let me know!

[@KnowledgeWorld-LetsLearn]

@@RivaanRanawat Really really thanks a lot for your response. Seriously you deserve much more subscribers. Your content is good, your content is to the point, you address all issues, you also respond to each and every comment and solve their issues and you do it for free. You are really a legend. Thanks a lot for your response. Hope you grow more asap

[@RivaanRanawat]

@@KnowledgeWorld-LetsLearn Thank you so much! Means a lot to me 😊

[@KnowledgeWorld-LetsLearn]

@@RivaanRanawat I have a small doubt. Now we are doing email sign-in, and there is no verification over here whether the email belongs to the user or not. So how do we do the verification whether the email belongs to the user or not?

[@RivaanRanawat]

You can send email verification right after registration. To do that, you can simply do this: FirebaseAuth.instance.currentUser!.sendEmailVerification(); Using your preferred state management, you will have to create a logic, wherein whenever the app starts, you check if the user's email is verified Or not, which can be done using: FirebaseAuth.instance.currentUser!.emailVerified (this will return boolean value), if it is true, you can display your app, else you can show a Not Verified Screen and send the verification email again using the method I mentioned before! If you have any doubts, let me know. Also, Firebase Authentication Course will be coming up somewhere between the last week of Jan and the first week of Feb (where we will learn how to do Google, Facebook, GitHub, Password-less, Email & Password authentication, email verification, password reset and much more!)

[@altamashalam5671]

I gotta be honest, I was following the Maximillan course on Udemy but I got disappointed on that because it had least updations when it came to new features of dart and flutter. But this is far more better than that as it is upto date and have the best way of teaching. Keep going brother! Your new videos are awaited.

[@RivaanRanawat]

Thanks a ton Altamash! New videos will be out soon🙂

[@shriyanshjain4444]

Hey Altamash Have you already completed the MaxiMillan's course? Currently I am on the User Auth for Shop App Any advices for me?

[@СавелийСакун-ю8ж]

Man, you are amazing. Thank you so much for your work and enthusiasm. Starting to learn flutter with you 🥰

[@RivaanRanawat]

Awesome!

[@rohanshahi1517]

Is this tutorial outdated? Is it implementable now?

[@RivaanRanawat]

@@rohanshahi1517 Still works!

[@tejpatel2112]

brilliant video sir I have sacrificed my sleep for this totally worth it!!

[@RivaanRanawat]

Woah! Thank you so much! 🙂

[@Marcinexbf3]

Amazing tutorial Rivaan! I can't wait for part 2 so i have to ask when is it coming out :)?

[@RivaanRanawat]

Thanks! It will come up very soon. Have a few clones lined up after which we can come back😉

[@ghalakg2431]

Amazing amazing video, can’t wait for part 2!!!

[@RivaanRanawat]

Coming out soon!

[@craune6616]

one of the best on youtube for flutter!!! You must get more subscribers and viewers. Godd work!

[@RivaanRanawat]

Thank you!

[@craune6616]

@@RivaanRanawat is there a possibility you would cover threads and isolates in flutter some time? anyways keep up the great work and thx again :) really helped me out

[@RivaanRanawat]

Of course, that's the plan!

[@craune6616]

@@RivaanRanawat Looking forward to it as i guess most of us here are!

[@prathamshah5402]

Brilliant video .. great way to make everyone understand … good going 👍🏻👍🏻👍🏻

[@RivaanRanawat]

Thank you so much!

[@thesyrupcrew2109]

Thank you so much for this course Rivaan! It's absolutely unbelievable that this great tutorial is for free! I just have one question, do you maybe have a video where you explain how you can sort the posts on the feed with a custom algorithm that sorts the feed posts based on the users taste in videos?

[@RivaanRanawat]

I don't have a video on it yet! But sounds interesting to make🙂

[@slthadi6621]

This is the best tutorial I ever seen... good luck and all the best.

[@RivaanRanawat]

Thank You So Much!

[@kristen8156]

Your channel is underrated but soon you will get lot of subscriber

[@lalitbisht8381]

You are awesome we can clearly see how hard it is to create such app and creating video of yourself making this app requires hell lot of hard work you are simply awesome and you made it free which is something really worth appreciating you might not get much money but you’ll surely get lot of precious wishes from us❤️‍🔥❤️‍🔥❤️‍🔥 May God Bless you❤️‍🔥

[@RivaanRanawat]

Thank you so much 🙂🙌

[@lalitbisht8381]

@@RivaanRanawat a humble request for you buddy please keep the iOS emulator open all the time while coding it makes the video more interesting ❤️

[@mabud_alam]

This is epic tutorial.Thanks for the backend part.

[@RivaanRanawat]

Glad you liked it!

[@SAURABHGUPTA_DINOSAUR]

Bro is talented fr no cap

[@StarEducation-bh5rs]

Great video, I have learned a lot and subscribed for more such contents.

[@ayushchauhan7604]

bro if you have completed the video, please help me

[@AnaPerez-bu6uu]

I'm following this amazing tutorial and I have been thinking how cool would be update it and add stories, reels, notifications and private accounts 🤩

[@RivaanRanawat]

I hope you'll be able to do it after following this tutorial completely! However, if you have a problem adding them, we've got some tutorials on the channel that might help you out with the logic - TikTok Clone (for reels), WhatsApp Clone (for messaging And stories), Twitter Clone (for in app notifications)

[@AnaPerez-bu6uu]

@@RivaanRanawat Thank you very much. I am very motivated with your video. However, an error appeared when signin up and it is bottom overflowed. I tried to fix it with SingleChildScrollView, but it wasn't a good one. Could you please help? Thank you

[@keshavkishor]

@@RivaanRanawat Thankyou for this amazing tutorial and the guidelines. I could have never understood the way firebase firestore works with storage and fetching, so fast and so effectively. Looking forward to exploring push notifications using FCM, while app is in background and foreground, when a user gets followed or when a post is liked. Would appreciate any ideas on this. Thanks again for your efforts.

[@ahmedrehan8158]

Your teaching method is outstanding please make beginner to advance dart, flutter and firebase video in a single video

[@RivaanRanawat]

Thanks for the request! Do you want a Beginner's Flutter Course where I even cover Firebase?

[@Hassan-mv2eu]

@@RivaanRanawat yessssss

[@yogesh9974]

@@RivaanRanawat please

[@Euloge-s3s]

I don't speak english regulary but I can say that you are a boss

[@RivaanRanawat]

Thanks for the kind words!

[@Tanisboxed]

Thank you for this! Starting now!

[@basheeral-momani2032]

Thanks a lot for your awesome work and making it public, thanks from deep inside my heart

[@RivaanRanawat]

Pleasure is all mine!

[@arifulislam8847]

Such an amazing tutor you are. May Allah bless you.

[@RivaanRanawat]

Thank you so much Ariful!

[@siamreza6298]

Thank you, man. A humble request, please make more awesome tuts more frequently. Respect from Bangladesh.

[@RivaanRanawat]

Surely😄

[@coder365WebDevelopment]

Wonderful tutorial Rivaan Sir. I am a beginner in flutter and I have learned a lot from this video. It's a humble request to add messaging and stories feature in next part and please tell when the next part will come ? Once again Thankyou for this awesome tutorial

[@RivaanRanawat]

Noted! Should be out super soon!

[@Yassinbenchardoud]

Thank you bro because you saved me to spent too much money in devs

[@RivaanRanawat]

So Happy to hear that!

[@Justin_Roy]

Brilliant Tutorial 😍 ... Love The Way Of Ur Teaching 😇

[@RivaanRanawat]

Thank you so much Justin!

[@vishalkajale5073]

Hi, Rivaan like Your work. can you share with us how do you approach the project from start to beginning, what things to consider, how to plan your project? How to get out of the problem when you are stuck at something It will be helpful.

[@RivaanRanawat]

Hey Vishal, glad you liked my work! Before starting, I make a list of features I want in my app according to which I decide the Tech Stack I'm going to use. With every project, I try to learn something new related to Flutter, be it some new state management solution or some new Widget to do a new task. Making the list of features I want in my app also helps in dividing the project into small features which makes it even more interesting! Before starting the project, I check out dribbble to get some UI inspirations. When facing any kind of logical problem, I go through that particular function step by step assuming a value for each variable created after which I usually get the logical error. In case of not knowing how to do something, I either google it or take a break of 5 minutes after which I always have multiple ways to do the task. If none of them work out, I just write the issue properly on the white-board. This trick always works! Hope you got some value from this 🙂

[@vishalkajale5073]

@@RivaanRanawat There is book on dart i.e Mastering Dart which covers dart concepts in detail, it will definitely help you in your journey. It's worth reading👍

[@RivaanRanawat]

@@vishalkajale5073 Will Definitely have a look at it! Thank you so much!

[@AmitSharma1]

2:47:45 I am geting error " Null check operator used on a null value "

[@MemesBook.2024]

same brooo ...... kuch solution mila ???

[@shashankanand7484]

Hello Bhaiya, Ek Help krdo.... Iss App ka Web version Firebase pai run nhi kr rha , Blank Screen aa rha h. Research kiya to dekha koi script chaiye hoti h build/web/index mai , vo bhi kra phir bhi nahi chal rha, Localy to ekdum mst chal rha...Iska demo show krna the web pai..Plz bhaiya ek baar try krke video bna dijeyye, bahut help hojayegi...KZbin pai Deploying ka ache se koi video nahi mila.

[@silentmen5245]

Yes Rivaan , i want to do this too. , Deploying on web would be great, to showcase among others

[@RivaanRanawat]

Alright, I'll make a very short tutorial on how you can deploy your flutter website using either Firebase, Netlify, Heroku Or GitHub Pages.

[@somnathdas8922]

Bro. Hats off to you. You are doing good job. Keep it up. God bless you.🙏❤️👍

[@RivaanRanawat]

Thank you so much😄

[@kishansindhi5181]

best fire base tutorial ever......... (lal dil)

[@RivaanRanawat]

Thank you Kishan!

[@gerryfad]

hello i have a question, how do i make the feed page only show the user and who the user is following there, and thank you, great work!

[@anishh2003]

Thanks bro.. ur courses are awesome ! :)

[@RivaanRanawat]

Glad you like them!

[@sebdoyon578]

Amazing work my friend! You just gained a new subscriber (: I'm also stuck around 3:17:00 where my screen shows an error of "Null check operator used on a null value". I've tried the solution you gave to other people but unfortunately it hasn't fixed the issue for me. Any other suggestions would be greatly appreciated! Cheers Rivaan!

[@RivaanRanawat]

Thanks! Would you mind sharing the changes you made on Instagram at optimalcoding? I'll take a look at it.

[@sebdoyon578]

@@RivaanRanawat Done! (:

[@RivaanRanawat]

@@sebdoyon578 👍👍

[@aleenakhanshamir3986]

@@sebdoyon578 Please tell How can you rid this error

[@sebdoyon578]

​@@aleenakhanshamir3986 ​ Rivaan was very generous with his time and helped me solve the problem! Here was the solution -> First in user_provider.dart - > Change: User get getUser => _user!; to User? get getUser => _user; Second in add_post_screen.dart -> Do this: final User? user = Provider.of(context).getUser; if (user == null) { return const Center( child: CircularProgressIndicator( color: Colors.white, )); } return _file == null ? Center( Hope that helps!

[@shagunsharma6533]

Rivaan I have learned alot from your video... Can you make part 2 of this video by adding chat system and more functionalities....

[@RivaanRanawat]

Already in line! Part 2 will include messaging, notifications, in-app notifications, stay tuned!

[@assysted7086]

Thanks for the tut! I was just wondering: why do we have to store the user fields in a uid-named document. Would it be possible to leave out the uid in the app completely and just have a username to identify a user or would that come along with some difficulties?

[@RivaanRanawat]

That works as well. I just find user id's "more secure".

[@flutterdeveloper]

Very nice explanation I wish you became a big KZbin

[@RivaanRanawat]

Thank you so much 😊

[@RivaanRanawat]

20 Hours Dart & Flutter Full Course - kzbin.info/www/bejne/eau1gmyjo9KbapY 10+ Flutter Projects for Free: kzbin.info/aero/PLlzmAWV2yTgCjoZNF3hLX3puYJir9vSQO Discord Server: discord.gg/Q8Rx8YWFVF

[@vinith2320]

Discord link is not working Rivaan 😟

[@RivaanRanawat]

@@vinith2320 Thanks for pointing it out! Link: discord.gg/Q8Rx8YWFVF

[@stormgaming6832]

@@RivaanRanawat Hey rivan stuck at 3:15:00, went through comments section to get solution i have tried the solution after doing that i am just getting circular progress indicator and nothing else. please please help

[@chiprecious9012]

@@RivaanRanawat please i've been trying to add an edit profile screen, i have not been successful yet, could you be of help please

[@memeswallah5253]

Sir i am bit confused in this clone you write backend (using dart ) .When i was in interview interviewer asked to me is this we can write backend in dart or not i said yes(interviewer is not satisfied with it)If you can give me answer what is correct then it will be lot more beneficial for us . if you said explain it correctly so i can handle this type of situation. I hope you reply of it Thanking Sir

[@shrutisharma8750]

amazing work man hats off to you

[@RivaanRanawat]

Thank you!

[@Lil-Undercover]

Please the web version is not navigating for sign up I followed you step by step 2:19:18

[@PhuNguyen-my9un]

Holy shit you are so good 👏 Oh if you can add english subtitle it will help me learn faster. I’m kinda bad at listening skill. Can’t wait to see next big project!

[@RivaanRanawat]

Thank you so much! I think the English autogenerated subtitles didn't show up in this video because the video is too long.. The next project is coming tomorrow, stay tuned ;)

[@noahjoseph9138]

Damn good work bud💪

[@RivaanRanawat]

Thank you so much!

[@davidjohnkottarathil2342]

Thank you a lot from the bottom of my heart

[@RivaanRanawat]

You're welcome!

[@stormgaming6832]

Hey rivan stuck at 3:15:00, went through comments section to get solution i have tried the solution after doing that i am just getting circular progress indicator and nothing else. please help

[@josephobote1811]

@stormgaming6832 please can you share how you implemented it? i'm stuck there too.

[@Hassan-mv2eu]

First of All, So Greatful to you for this amazing video. PLEASE PLEASE Make its Part 2 and Add Messaging and Stories Functionality too. Please I'll be so grateful to you. P.s. Your Teaching Method is Great.

[@RivaanRanawat]

Thank you so much Hassan! Added this to my To-Do List!

[@-benji-2619]

hey, tysm for this tutorial. You helped me a lot

[@RivaanRanawat]

Glad I could help!

[@mahedialivaraliya4816]

After completing your flutter and dart course of 20hr and this Instagram firbase course is there anything to learn . Means in these two courses sll topics are covered like frontend and backend ? Or backend is remaining?

[@subrotoxing8214]

Hi ... I just came from freecodecamp channel ... Much thanks for doing this. You are a really good teacher. You should step up from firebase to full instagram and then sell it on udemy. Your teaching quality is on par with the top flutter teacher there and nobody is doing instagram clone course yet ^^.

[@RivaanRanawat]

Hey Subroto, thank you so much for your kind words, really appreciate it 😊 I've been thinking of building a big Full Stack Clone(not less than 15 hours long) and put it on Udemy. Instagram Clone Part 2 (which will include Messaging, Notifications and more) will be released on KZbin. How does that sound to you?

[@subrotoxing8214]

@@RivaanRanawat wonderful man ... you've got one student ready to enroll there ^^

[@avishekverma9212]

@@RivaanRanawat We want that very badly

[@RivaanRanawat]

Thank y'all for your kind words, really love it! I'll work on the course as soon as possible!

[@motomilo2691]

@@RivaanRanawat Take my money!

[@BilalAhmed.0007]

Hello brother, I have been watching your tutorials but I got stuck at 26:51, as you say to paste that in dependencies but there's no buildscript in my build.gradle file and yes it is the right file, please help me out

[@sumitkumar-pm1ic]

you are awesome. 1M Soon :)

[@RivaanRanawat]

Thanks a lot 😄!

[@skdass4768]

uploading image to firebase and then fetching will take a long time hence it will cause your app slow.... tip: in your util.dart(@3:13:12 in video) (where you're picking files from gallary ) Imageprovider comes with the property called maxheight and maxwidth use it syntext : _picker.pickImage(source: source,maxHeight: 200,maxWidth: 200) this will compress the image and will make you app faster !

[@RivaanRanawat]

Thanks! Alternatively, you can use imageQuality argument to decrease the quality!

[@skdass4768]

@@RivaanRanawat imageQuality is used to compress a image by some percentage from its actual size where as maxHeight: 200,maxWidth: 200 will compress image to 40kb (doesn't matter how good image it is ,it will compress that to 40kb)

[@darul-asar381]

I want to take this course soon , please tell me which state do you use in this tutorial?

[@RivaanRanawat]

For state management, we use Provider.

[@ryanweigel3]

This tutorial is awesome. It has been very helpful? I am wonder what is the difference between Uint8List and File?

[@RivaanRanawat]

In this tutorial, Uint8List is used for Web Image work whereas File is used for Mobile Image work.

[@kapilbadokar]

Great Course🔥🔥. I just completed this course with the latest sdk and dependency , Needed a few changes but most of the things are similar. Course really takes a deep dive in Firebase and Flutter. I just encountered a single bug => The number of posts on other users profile doesn't get updated , they are always the same number of posts as of the logged in user. I mean We can see that there are 4 posts on the users profile, but the counter still shows 1 because the logged in user has one post on his account . Any Solution for this ?

[@Radhe8759]

Your code is running?

[@GuardianLinks]

in (06:05:29) Displaying Profile Data when i click to profile in serach screen i have an errore userData['photoUrl'] Null' is not a subtype of type 'String'

[@oluwaseunogunmolu]

Nice video brother. Good job

[@RivaanRanawat]

Thank you so much!

[@otonyerobinson9437]

Hi Rivaan! Beautiful tutorial, definitely took me from a 0 to solid 50 in flutter in a few weeks. I'm having an issue with the user provider though, I keep getting 'null check operator used on a null value' on screens linked to it... any help please?

[@RivaanRanawat]

Try changing UserModel type to UserModel? And return _userModel (in the getter) Whenever getting the value, put a condition in the build section, that if the userModel == null, then return circularprogressindicator, else return the widget tree you want to display. Let me know if you have any questions!

[@hanspreinfalk8072]

i had the same issue and I solved it by changing my flutter channel to stable. The problem is in initState in responsive_layout when we're calling the async function addData(), because apparently the widget gets build first and does not wait until the userProvider is set. Btw. this flutter course is amazing! thank u Rivaan!

[@hanspreinfalk8072]

I forgot to mention that if u return a circularprogressindicator if the user is null in the build method, its never going to stop loading because we're not setting the User provider elsewhere.

[@tahir3.094]

@@hanspreinfalk8072 hello dear can you plz provide a source code with us and thanks in advance ♥

[@hanspreinfalk8072]

Try running: flutter channel stable (in terminal)

[@sameerali9613]

Thanks for making amazing content

[@RivaanRanawat]

My pleasure!

[@narendraprathap6987]

Thank u so much sir, Keep rocking

[@RivaanRanawat]

Thanks for your support!

[@ginomorello9485]

in demo part when you upload new post behavior is weird because post appended at bottom of feed screen, I seen you didn't use method orderBy('timestamp') when you read from firestore, anyway great job

[@RivaanRanawat]

Yes, I forgot to implement that. Thanks for pointing it out!

[@kaminipatel5197]

wow sir you made me understand everything

[@4st-pho]

Amazing content! Thank you :3

[@RivaanRanawat]

Glad you enjoyed it!

[@vishaldrajpara5343]

Nice video. But I want to ask you that how to pass multiple image's download URL from cloud storage to firestore in one array.

[@RivaanRanawat]

Thanks for the question Vishal! Considering that you have multiple image download urls with you, this is the syntax to go forward with: List downloadUrls = []; for (int i = 0; i < files.length; i++) { UploadTask uploadTask = ref.putData(files[i]); TaskSnapshot snapshot = await uploadTask; String downloadUrl = await snapshot.ref.getDownloadURL(); downloadUrls.add(downloadUrl); } _firestore.collection('posts').doc(postId).update({photoUrls: downloadUrls}); Note: You should split this code in different methods in different classes (FirestoreMethods and StorageMethods), please make the necessary changes by returning the downloadUrls from Firebase Storage method and then using in Firestore Methods. Hope this helps!

[@atesham7777]

Very good explanation bro..😊😊

[@RivaanRanawat]

Thank You So Much🙂

[@SAURABHGUPTA_DINOSAUR]

Did you delete the firebase project associated with this? Cuz I can't login and I want to see through the entire app and not just the login page, btw tysm for such a work. I never had an idea that something as complex as to the level of Instagram can be developed on ez solutions like firebase and flutter framework. Anyways I'm more interested to learn how dynamic and realtime data gets posted and retrieved and showed in realtime and that also how like I used to hard code the variables but I cant hardcode everything right!? that all things I want to learn

[@ahmeterencengiz6326]

Thanks for the video! When u sign out and then sign in with another account, on the accounts page u get the previous user's page, how to fix this issue? I try to wrap the signout method with the set state which is not worked :/

[@RivaanRanawat]

I can't understand this issue, can you please reframe it?

[@wasifamin8074]

were you able to fix this?

[@Skb_14]

Wow Continue bro thank you!!

[@RivaanRanawat]

Sure thing!

[@Skb_14]

Continue Instragam , add function setting with firebase , notification thanks bro !

[@Skb_14]

I think soon your youtube channel will reach 100.000 subscribes.

[@RivaanRanawat]

@@Skb_14 Thank you so much for your kind words! Messaging & Notification is already in my to-do list!

[@jibranramzan4964]

Rivaan, how do you go about the edit profile section?

[@shashankrapolu6819]

For anyone struggling with the 'Like animation' part, refer to this tutorial --> kzbin.info/aero/PL4cUxeGkcC9gP1qg8yj-Jokef29VRCLt1 Cogently explained!

[@RivaanRanawat]

☝☝

[@homosuperior1337]

thanks, i'm right there.

[@somnathdas8922]

Hello bro thanks for this learning video. I am following and creating this project. If this project complete with no error. I will create all your project. 🙏❤️💕🥰

[@RivaanRanawat]

Awesome, All the best!

[@alexmer3er321]

when im created apk using flutter build app - -release, when im trying to sign up or sign in , rhis error pops up:::: [firebase_auth/unknown] an internal error has occurred [json coversation failed!] ///// web chrome works fine!

[@alexmer3er321]

@Rivvan

[@alexmer3er321]

@Rivvan

[@sardsiders6862]

@Rivaan Ranawat

[@RivaanRanawat]

Can you please provide me with terminal output, a proper log of the error?

[@sardsiders6862]

@@RivaanRanawat i emailed you with the pic of error , but its not an error , when i try to sign in or register with apk app file on my phone , this error will pop up and its not connecting to firebase

[@milanamili8951]

Sir is there any alternative in android lap for xcode. Sir u opened the ios folder in xcode and to the app bundle for firebase (19:52) but I cant open as I am using windows. What can I do?

[@itsbhoomi7770]

by following this video properly can i also make the same project??

[@RivaanRanawat]

Yes

[@mukulshaandilyaa5529]

pls rivan bhai explain some points in deep while doing these vedios,actually i am founding problem in that" tojason" part that you have made for user models and i am sure many students must have faced this problem.

[@RivaanRanawat]

I'll improve on that part, thanks for the feedback! Didn't understand where you faced the problem.

[@mastertechie4855]

Awesome Bro How to notify the user when his post is liked !!? Can you please tell what to use ? I was using the server sent events in react, I dont know how to do that in flutter A help would be grateful :)

[@RivaanRanawat]

You can use Firebase Cloud Messaging to send dynamic notifications!

[@shortdark-y2e]

It will help a lot. Thank you

[@RivaanRanawat]

You're welcome!

[@sahil.chougale]

Please make a beginner to intermediate Dart & Flutter Course so that watching other videos will be easy.

[@MrCoral821]

Hey @Rivaan, Amazing tutorial! Do you have some explanation of how to set notifications for this kind of app?

[@RivaanRanawat]

To send notifications to users, you need to make use of Firebase Cloud Messaging. Link: firebase.google.com/docs/cloud-messaging

[@MrCoral821]

@@RivaanRanawat Thank you for your answer. I find a lot of explanations about FCM and push notifications but nothing about the in-app bell icon. Is it only an async function?

[@RivaanRanawat]

@@MrCoral821 I think it can be achieved using a StreamBuilder / FutureBuilder. Whenever a user likes/comments on a post, you can create a subcollection in the users collection. Now use that query to see notifications. Let me know if you have any questions!

[@OllyXen]

Good video. But its quite annoying that you keep changing things when not recording. For someone who knows programming this will not matter to much. But for beginners they will not know what to do and give up after 1 hour. Remember to include changes that are not recorded :D Good job

[@RivaanRanawat]

Thanks for the feedback! Can you please let me know what part has been changed which is not recorded - would really appreciate that.

[@OllyXen]

@@RivaanRanawat There was a couple of things but i just remember naming ImageUrl in the beginning and later on that was suddenly photoUrl. I dont remember if that also happened with a class where you changed it from void to Map return and all the variables was changed to be const :D

[@bhamidipatinikhil]

Hi Rivaan 🙂🙂, Can i ask from where and how did you learn flutter from?

[@RivaanRanawat]

Hey, thanks for asking! I started learning Flutter from Academind's Udemy Course. Completed 80% of course and left it. I already had experience with Firebase (had used it with ReactJS and built many projects). Only thing different was syntax. Referred the documentation for syntax and kept building projects. Had NodeJS experience (used it with ReactJS too) and there's nothing different (except calling the API from client side which I had learnt in the Flutter course). So was able to build projects with Node as well. The Flutter course obviously didn't teach everything, it's not possible. Whenever I had any issue, I just googled and got all the answers.

[@bhamidipatinikhil]

@@RivaanRanawat Thanks for answering my query Rivaan, Love your channel and your videos!!

[@TikTokTrendsCompilation]

sir... you are a God

[@RivaanRanawat]

Thank you so much😄

[@JenniferClairYT]

Amazing Tutorial Kindly Add Filter Effects in Next Part as well

[@RivaanRanawat]

Noted!

[@tarunhasija]

facing issue for the file parameter in signup function , i did the same as you but the signup functio is asking for file parameter to be filled

[@AdemoyeOpeoluwa]

Good job! Please, show us how to upload multiple images for posts 🙏🏽🙏🏽🙏🏽

[@RivaanRanawat]

Added to My To-Do List!

[@AdemoyeOpeoluwa]

@@RivaanRanawat Thank you sir.❤ Like how soon should we expect this? Really anticipating

[@RivaanRanawat]

@@AdemoyeOpeoluwaVideo should be out within 2-3 days.

[@AdemoyeOpeoluwa]

@@RivaanRanawat Wow...thank you sir.

[@AdemoyeOpeoluwa]

@@RivaanRanawat please don't forget sir.

[@MemeCatCorporatee]

Awesome!! But, when i try to follow this tutorial step by step, there are some code that not work. I think it should to be null safety but i don't understand about null safety. BTW, build a game, sir, for your content with flutter and dart

[@RivaanRanawat]

If you're uncertain about some code working, make sure to message me on Instagram and I'll help you out! I've made a tutorial on game using Flutter recently. You can check it out here: kzbin.info/www/bejne/epLFdGh4apVrqrM Definitely, more game tutorials(using Flame as well) are going to come!

[@sahilkachhap]

How would you handle user post upload operation if they also want to upload video. I have not seen the entire video but if you used image picker then it just allows either image or video configured to be picked at a time.

[@rahulagarwal968]

I have a doubt. When to use external payment gateway vs in-app-purchases. One scenario is suppose my app gives monthly subscription or 6 month gym membership plans ?. or another case is that my users can buy points paying money and then can use those points in the app. So is it compulsory to use in app purchases as it deducts 30% revenue ? I read somewhere that only for physical items such as in shopping app we can use payment gateway otherwise have to use in app purchases ?

[@GuardianLinks]

Hello man, sorry for more questions, how i can clean the data in provider when log out?

[@korayuzun543]

Hey Rivaan, thanks for this amazing tutorial, I learnt a lot and I didn't even watched the entire video yet. I am relatively new to Flutter and I try to build my own app and used this tutorial as a reference. Right now I am facing issues regarding storing the user data in Firestore. What I do not understand is that 1. Authentication works well. After registration the user email is shown in the authentication tab. 2. The code for authenticating and storing should also be implemented correctly (if I am not seeing any errors in the code I am probably blind by now 😂). 3. User data (username, email etc.) and the profile pics are not stored in the corresponding tabs (FS Database and Storage). 4. All dependencies are also added. Do you have any idea why this is not working? Without are correct functioning database I am not able to implement the other functions, such as posting etc. Thanks in advance!

[@RivaanRanawat]

Thanks for such a descriptive question Koray! If the data is not being stored in Firestore and Storage, can you verify if rules in Firestore and Storage are set to be read and write by everybody i.e. it should be `allow read,write;`

[@korayuzun543]

@@RivaanRanawat Hey Rivaan, thank you for your response! I solved it after a lot of try and error and it was basically what you described. The rules were not set to public. In case of publishing the app in the future is there a way to set the rules to private so the data is secured? So basically have the same functionality (storing data etc.) but higher security measures?

[@Tomiswhat]

Hey Rivaan, great tutorial! I may have missed it but did you mention how to filter the feed to just be posts from users you follow? It appears you just show all posts. Perhaps the StreamBuilder should be FirebaseFirestore.instance.collection('posts').snapshots() WHERE post user id CONTAINS following user id? My worry is that method would have to query all posts and that may take very long

[@tundraman1283]

I've noticed you used the .when method on your stream instead of a streambuilder. Is it not faster/more optimized to use a streambuilder?

[@RivaanRanawat]

Can you please mention the timestamp?

[@tundraman1283]

@@RivaanRanawat ref.watch(getPostByIdProvider(widget.postId)).when( data: (data) { return Column( children: [ PostCard(post: data), if (!isGuest) Responsive( child: TextField( onSubmitted: (val) => addComment(data), controller: commentController, decoration: const InputDecoration( hintText: 'What are your thoughts?', filled: true, border: InputBorder.none, ),...

[@tundraman1283]

Cant find that info online

[@SAURABHGUPTA_DINOSAUR]

Do we need a realtime database for this to reflect changes almost instantly for all users simulataneously for eg likes and followers, comments added, deletion etc. Can a relational databse like sql or postgresql can do or we need another thing something new for realtime synchronous data?

[@limaks8761]

thank you , i have a probleme when i log in the app crash and i have a _CastError (Null check operator used on a null value) on the _user in the provider.dart , thanks for help

[@RivaanRanawat]

Try changing UserModel type to UserModel? And return _userModel (in the getter) Whenever you're getting the value, put a condition in the build section, that if the userModel == null, then return circularprogressindicator, else return the widget tree you want to display.

[@tahir3.094]

Limaks I got this same error if you solve this error plz reply me thanks in advance ♥