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

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ม.ค. 2025

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

  • @duskiiiyy4872
    @duskiiiyy4872 ปีที่แล้ว +7

    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

  • @kristen8156
    @kristen8156 3 ปีที่แล้ว +36

    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
      @RivaanRanawat  3 ปีที่แล้ว +4

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

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

      We are waiting 😊

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

    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
    @RivaanRanawat  2 ปีที่แล้ว +11

    20 Hours Dart & Flutter Full Course - th-cam.com/video/CzRQ9mnmh44/w-d-xo.html
    10+ Flutter Projects for Free: th-cam.com/play/PLlzmAWV2yTgCjoZNF3hLX3puYJir9vSQO.html
    Discord Server: discord.gg/Q8Rx8YWFVF

    • @vinith2320
      @vinith2320 2 ปีที่แล้ว

      Discord link is not working Rivaan 😟

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

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

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

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

      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

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

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

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

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

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

  • @محمدالسمان-ن2ش
    @محمدالسمان-ن2ش 2 ปีที่แล้ว +10

    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

  • @TECH2TORIALS
    @TECH2TORIALS 3 ปีที่แล้ว +4

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

  • @СавелийСакун-ю8ж
    @СавелийСакун-ю8ж 2 ปีที่แล้ว +5

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

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Awesome!

    • @rohanshahi1517
      @rohanshahi1517 2 ปีที่แล้ว

      Is this tutorial outdated? Is it implementable now?

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      @@rohanshahi1517 Still works!

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

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

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

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

  • @tejpatel2112
    @tejpatel2112 3 ปีที่แล้ว

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

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

      Woah! Thank you so much! 🙂

  • @prathamshah5402
    @prathamshah5402 3 ปีที่แล้ว +4

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

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

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

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

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

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

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

    • @MemesBook.2024
      @MemesBook.2024 9 หลายเดือนก่อน

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

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

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

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

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

  • @arifulislam8847
    @arifulislam8847 3 ปีที่แล้ว +3

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

  • @craune6616
    @craune6616 2 ปีที่แล้ว

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

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Thank you!

    • @craune6616
      @craune6616 2 ปีที่แล้ว

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

      Of course, that's the plan!

    • @craune6616
      @craune6616 2 ปีที่แล้ว

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

  • @KnowledgeWorld-LetsLearn
    @KnowledgeWorld-LetsLearn 3 ปีที่แล้ว +5

    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
      @RivaanRanawat  3 ปีที่แล้ว +12

      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: th-cam.com/video/x1EoKmhYjB0/w-d-xo.html
      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
      @KnowledgeWorld-LetsLearn 3 ปีที่แล้ว +1

      @@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
      @RivaanRanawat  3 ปีที่แล้ว +2

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

    • @KnowledgeWorld-LetsLearn
      @KnowledgeWorld-LetsLearn 3 ปีที่แล้ว +1

      @@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
      @RivaanRanawat  3 ปีที่แล้ว +4

      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!)

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

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

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

    This is epic tutorial.Thanks for the backend part.

  • @StarEducation-bh5rs
    @StarEducation-bh5rs ปีที่แล้ว +1

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

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

      bro if you have completed the video, please help me

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

    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
      @RivaanRanawat  2 ปีที่แล้ว +4

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

  • @Euloge-s3s
    @Euloge-s3s หลายเดือนก่อน

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

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

      Thanks for the kind words!

  • @slthadi6621
    @slthadi6621 2 ปีที่แล้ว

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

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

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

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

    • @skdass4768
      @skdass4768 2 ปีที่แล้ว

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

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

    Bro is talented fr no cap

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

    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'

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

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

  • @Yassinbenchardoud
    @Yassinbenchardoud 2 ปีที่แล้ว

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

  • @basheeral-momani2032
    @basheeral-momani2032 2 ปีที่แล้ว +3

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

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

    Thank you for this! Starting now!

  • @siamreza6298
    @siamreza6298 2 ปีที่แล้ว

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

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

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

      Thank you so much 🙂🙌

    • @lalitbisht8381
      @lalitbisht8381 2 ปีที่แล้ว

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

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

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

  • @Lil-Undercover
    @Lil-Undercover 2 ปีที่แล้ว +1

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

  • @somnathdas8922
    @somnathdas8922 2 ปีที่แล้ว

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

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

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

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

    • @sebdoyon578
      @sebdoyon578 2 ปีที่แล้ว

      @@RivaanRanawat Done! (:

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      @@sebdoyon578 👍👍

    • @aleenakhanshamir3986
      @aleenakhanshamir3986 2 ปีที่แล้ว

      @@sebdoyon578 Please tell How can you rid this error

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

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

  • @BilalAhmed.0007
    @BilalAhmed.0007 3 หลายเดือนก่อน

    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

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

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

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

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

      Noted! Should be out super soon!

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

    Thanks bro.. ur courses are awesome ! :)

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

      Glad you like them!

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

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

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

  • @ahmedrehan8158
    @ahmedrehan8158 3 ปีที่แล้ว

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

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

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

    • @Hassan-mv2eu
      @Hassan-mv2eu 3 ปีที่แล้ว

      @@RivaanRanawat yessssss

    • @yogesh9974
      @yogesh9974 3 ปีที่แล้ว

      @@RivaanRanawat please

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

    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?

  • @shrutisharma8750
    @shrutisharma8750 2 ปีที่แล้ว

    amazing work man hats off to you

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

    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!

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

    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...TH-cam pai Deploying ka ache se koi video nahi mila.

    • @silentmen5245
      @silentmen5245 2 ปีที่แล้ว

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

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

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

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

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

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

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

  • @flutterdeveloper
    @flutterdeveloper 3 ปีที่แล้ว

    Very nice explanation
    I wish you became a big TH-cam

  • @vishalkajale5073
    @vishalkajale5073 3 ปีที่แล้ว +3

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

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

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

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

  • @noahjoseph9138
    @noahjoseph9138 3 ปีที่แล้ว

    Damn good work bud💪

  • @kaminipatel5197
    @kaminipatel5197 3 ปีที่แล้ว

    wow sir you made me understand everything

  • @sumitkumar-pm1ic
    @sumitkumar-pm1ic 3 ปีที่แล้ว

    you are awesome. 1M Soon :)

  • @4st-pho
    @4st-pho 3 ปีที่แล้ว

    Amazing content! Thank you :3

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

    Thank you a lot from the bottom of my heart

  • @narendraprathap6987
    @narendraprathap6987 2 ปีที่แล้ว

    Thank u so much sir, Keep rocking

  • @MemesBook.2024
    @MemesBook.2024 ปีที่แล้ว

    1:58:48 Bro i got an errror while login it says login as empty reCAPTCHA token. For action sign in with password

  • @-benji-2619
    @-benji-2619 10 หลายเดือนก่อน

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

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

      Glad I could help!

  • @atesham7777
    @atesham7777 2 ปีที่แล้ว

    Very good explanation bro..😊😊

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

    For anyone struggling with the 'Like animation' part, refer to this tutorial --> th-cam.com/play/PL4cUxeGkcC9gP1qg8yj-Jokef29VRCLt1.html
    Cogently explained!

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

    Thanks for making amazing content

  • @PhuNguyen-my9un
    @PhuNguyen-my9un 3 ปีที่แล้ว

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

      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 ;)

  • @oluwaseunogunmolu
    @oluwaseunogunmolu 3 ปีที่แล้ว

    Nice video brother. Good job

  • @GuardianLinks
    @GuardianLinks 2 ปีที่แล้ว

    in 5.25:32 you tell for future for update comment, where i can make this method ?

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

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

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

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

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

    5:44:13
    StaggeredGridView is not showing in my laptop please help

  • @SAURABHGUPTA_DINOSAUR
    @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?

  • @B-for-B
    @B-for-B ปีที่แล้ว

    6:08:50 on globalvariable
    Error: connot invoke a non-'const' constructor where a const expression is expected.
    Try to using a constructor that is 'const'
    Please help...🙏

  • @Hassan-mv2eu
    @Hassan-mv2eu 3 ปีที่แล้ว +1

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

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

  • @rahulagarwal968
    @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 ?

  • @Skb_14
    @Skb_14 3 ปีที่แล้ว

    Wow Continue bro thank you!!

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

      Sure thing!

    • @Skb_14
      @Skb_14 3 ปีที่แล้ว

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

    • @Skb_14
      @Skb_14 3 ปีที่แล้ว

      I think soon your youtube channel will reach 100.000 subscribes.

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

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

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

    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
      @RivaanRanawat  2 ปีที่แล้ว +4

      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 TH-cam.
      How does that sound to you?

    • @subrotoxing8214
      @subrotoxing8214 2 ปีที่แล้ว

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

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

      @@RivaanRanawat We want that very badly

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

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

    • @motomilo2691
      @motomilo2691 2 ปีที่แล้ว

      @@RivaanRanawat Take my money!

  • @GuardianLinks
    @GuardianLinks 2 ปีที่แล้ว

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

  • @mahedialivaraliya4816
    @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?

  • @shariar13877
    @shariar13877 3 ปีที่แล้ว

    This idea is very good

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

    iam getting ''Null check operator used on a null value'' when 2:45 can someone helpme

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

    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

  • @shortdark-y2e
    @shortdark-y2e 3 ปีที่แล้ว +1

    It will help a lot. Thank you

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

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

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

    • @wasifamin8074
      @wasifamin8074 2 ปีที่แล้ว

      were you able to fix this?

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

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

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

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

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

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

      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
      @tahir3.094 2 ปีที่แล้ว

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

  • @amitjajoo9510
    @amitjajoo9510 3 ปีที่แล้ว

    make this type of video more . thx for making this video

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

    haii thxu for the course but i got confused cause this is my 1st time doing with fluttee, and i dont understand firebase at all. can you help me? i got error about something null check. thxuu

  • @TikTokTrendsCompilation
    @TikTokTrendsCompilation 2 ปีที่แล้ว

    sir... you are a God

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

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

  • @ley5800
    @ley5800 3 ปีที่แล้ว

    very nice video sir very inspderational

  • @dushyantsharma2415
    @dushyantsharma2415 2 ปีที่แล้ว

    Hats of to your hard work!!👏🏻👏🏻 riwan i have a problem The argument type 'Null' can't be assigned to the parameter type 'Uint8List, and storage not showing image in firebase strorage 1:42:56 please help me

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Null value is returned when the user doesn't select any image. If you have selected the image, try checking your code with mine: github.com/RivaanRanawat/instagram-flutter-clone
      Also make sure you have setup the image_picker plugin successfully!

    • @dushyantsharma2415
      @dushyantsharma2415 2 ปีที่แล้ว

      Thank you rivaan for reply my comment rivaan please guide me how to logic build flutter and dart i don't know how to add dart code in flutter

  • @MdLimon-lu8yg
    @MdLimon-lu8yg ปีที่แล้ว

    A value of type 'UserModel' can't be assigned to a variable of type 'User?'.
    Try changing the type of the variable, or casting the right-hand type to 'User?'. why this error. how can solve it, please answer me

  • @deepmehta1540
    @deepmehta1540 2 ปีที่แล้ว

    hey rivaan , an error is occurring ( Null check operator used on a null value ) when I try to display an image using provider 3:10:08 , can you please help me with it

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      What device are you using for testing?

    • @tahir3.094
      @tahir3.094 2 ปีที่แล้ว

      Bro I got same error I am using physical device vivo s1

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

      @@RivaanRanawat android emulator so i used User? _user = (const User(
      bio: '',
      email: '',
      followers: [],
      following: [],
      photoUrl: '',
      uid: '',
      username: '')); and the error left but now i'm facing this error when i select the image ,
      ════════ Exception caught by image resource service ════════════════════════════
      The following ArgumentError was thrown resolving an image codec:
      Invalid argument(s): No host specified in URI file:///

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

    Sir I have m2 chip macbook air and I am facing an error when trying to install pods for firebase can you provide a solution?

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

    Hi, Rivaan. I have an error when I tap sign out and log in with a different account, it still shows me the data of the previous account, how can I solve it? How should I clear off the data in user provider while logging out?

  • @princetomar2798
    @princetomar2798 2 ปีที่แล้ว

    How can we add hashtags functionality in this app ?
    Is there any way to achieve that?

  • @pramit2468
    @pramit2468 2 ปีที่แล้ว

    What if we used minSdkVersion 21, we will not need to add multidesk there.

  • @adamtechnology3204
    @adamtechnology3204 2 ปีที่แล้ว

    09:58 how did you auto complete statelessW? I don't have that.

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

      It's because of 'Flutter and Dart' extension.

  • @somnathdas8922
    @somnathdas8922 2 ปีที่แล้ว

    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. 🙏❤️💕🥰

  • @mahendranath2504
    @mahendranath2504 2 ปีที่แล้ว

    Thank you so much 👍🙏🏻🤘🏻🤛🏻🖖🏻

  • @JenniferClairYT
    @JenniferClairYT 2 ปีที่แล้ว

    Amazing Tutorial Kindly Add Filter Effects in Next Part as well

  • @adamtechnology3204
    @adamtechnology3204 2 ปีที่แล้ว

    19:26 why are we not using RealTime Database instead of FireStore database?

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      You can learn about it here: firebase.google.com/docs/database/rtdb-vs-firestore