Sayed Mahmood Sayedi
Sayed Mahmood Sayedi
  • 20
  • 18 446
🔒 Google Sign In in Flutter with Firebase - Step-by-Step Guide (2024) 🔥
By the end of this video, you’ll learn how to integrate Google as an authentication provider to your Flutter app. We’ll also look into and solve some of the errors that usually happen in the process.
Like & subscribe to get the upcoming videos on time!
Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_notes
Links 🔗 used in the video
firebase.google.com/docs/auth/flutter/start
docs.gradle.org/current/userguide/compatibility.html
Previous video in the series
ua-cam.com/video/ldahqcJ9pxM/v-deo.htmlsi=g5i39bNxekFrdfVO
Add Firebase to a Flutter app
ua-cam.com/video/q629zgx2BYo/v-deo.htmlsi=QV4ulOU9JFRSQ5P6
Watch the Awesome Notes App series
ua-cam.com/video/9d6uhMEs9F8/v-deo.htmlsi=afcaZ_fFELKwpMiV
#flutter #fluttertutorial #smsayedi #firebase
Переглядів: 6 887

Відео

🔐 Flutter Firebase Email & Password Auth | Verify Email | Forgot Password | Logout | 2024
Переглядів 81110 місяців тому
This video is all about adding the Firebase email and password authentication to our Awesome Notes application. We’ll also implement the email verification functionality, so only the users with the verified emails can continue to the app. You’ll also learn how to implement the password reset functionality. And we’ll finalize the video by adding the log-out feature to the app. Like & subscribe t...
ASMR Programming - Restaurant App UI Dribbble Clone with Flutter - No Talking
Переглядів 26711 місяців тому
In this video, we will clone a modern, nice-looking restaurant app UI from Dribbble using Flutter. There will be no talking, just a calming keyboard sound, and a rain background. I hope you’ll enjoy it!😊 Please LIKE & SUBSCRIBE if you're liking the content, it'll help the channel reach more nice coders just like you!! 😊 Source code 👨🏻‍💻: github.com/sm-sayedi/restaurant_app_ui Add Firebase to yo...
📱 Build Modern Flutter Screen for Login, Signup, and Validation | 2024 Tutorial For Beginners 🔥
Переглядів 70911 місяців тому
You’ll learn all about creating a stunning yet simple registration page in Flutter. You’ll also be able to validate the registration form, i.e., check for a valid email format, and strong password. Like & subscribe to get the upcoming videos on time! Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_notes Add Firebase to a Flutter app ua-cam.com/video/q629zgx2BYo/v-deo.htmlsi=QV4ulOU9JFRSQ5P6 Watc...
Flutter + Firebase: Quick & Easy Integration Tutorial - 2024 Edition!
Переглядів 78811 місяців тому
In this video, you'll learn how to add Firebase to your Flutter application using the latest method according to the official Firebase documentation. This video is actually part of the Flutter Awesome Notes application video series, but you can still watch it independently. Like & subscribe to get the upcoming videos on time! Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_notes Links 🔗 used in ...
Edit, Delete, Order, and Search the Notes | Flutter Awesome Notes - Part 4
Переглядів 62211 місяців тому
In this video, we'll implement the functionality to edit and delete a note, as well as order and search the notes. You'll learn how to efficiently use the Provider package for such commonly-used operations. Like & subscribe to get the upcoming videos of the series, on time! Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_notes Links 🔗 used in the video pub.dev/packages/provider pub.dev/packages/...
Add a Note & Manage the State with Provider Package | Flutter Awesome Notes - Part 3
Переглядів 771Рік тому
In this video, we'll implement the functionality to add a new note and at the same time, we'll use the Provider package to manage the app state. You'll learn how to use the Consumer as well as the Selector widget to granularly listen to state changes and rebuild the widgets. You'll also learn how to add a dialog and also avoid accidental back navigation. Like & subscribe to get the upcoming vid...
Build the New/Edit Note Page of the App | Flutter Awesome Notes - Part 2
Переглядів 1,2 тис.Рік тому
In this video, we'll create the new/edit note page of our app (Awesome Notes). We'll add a Flutter package called, Flutter-Quill, to our app, by which we'll be able to write rich-text notes. Like & subscribe to get the upcoming videos of the series, on time! Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_notes Links 🔗 used in the video pub.dev/packages/flutter_quill Timecodes (Chapters) 00:00:0...
Design the Main Page of the App & Add Custom Fonts | Flutter Awesome Notes - Part 1
Переглядів 2,1 тис.Рік тому
In this video, we'll create the first page of our app (Awesome Notes). You'll learn how to use different types of Flutter widgets to craft some custom UI elements. You'll also learn how to add custom fonts to your app. Like & subscribe to get the upcoming videos of the series, on time! Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_notes Links 🔗 used in the video pub.dev/packages/font_awesome_f...
Let's Create a Rich Note-Taking Application using Flutter & Firebase | Awesome Notes - Part 0
Переглядів 2,4 тис.Рік тому
In this video series, we're going to create a mobile application for note-taking. We'll call it Awesome Notes. This application will be built with Flutter and Firebase. Like & subscribe to get the upcoming videos of the series, on time! Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_notes #flutter #fluttertutorial #firebase #flutterfirebase #firestore
Master Styling the Text in Flutter | Flutter TextStyle
Переглядів 306Рік тому
TextStyle class in Flutter has so much potential when it comes to styling the Text widget. You may know a little about all its properties, that's what this video is all about. All of the TextStyle properties are completely described with examples, so by the end of the video, you'll not have any problems styling the text in your next Flutter app. *Source-code 👨🏻‍💻:* github.com/sm-sayedi/flutter_...
Clear Your Doubts About the Flutter Text Widget and its Properties!
Переглядів 101Рік тому
Clear Your Doubts About the Flutter Text Widget and its Properties!
Completely Understand the Flutter Badge Widget
Переглядів 306Рік тому
Completely Understand the Flutter Badge Widget
Flutter Dismissible Widget in DEPTH!
Переглядів 211Рік тому
Flutter Dismissible Widget in DEPTH!

КОМЕНТАРІ

  • @AlfalahDigitalworld
    @AlfalahDigitalworld 6 годин тому

    sir please make on capcut clone using flutter please make video video eidting toool using flutter

  • @HammadUlRehmann
    @HammadUlRehmann 11 днів тому

    awesome tutorial ,i made the note app with ur videos ,now only authentication part is remaining , i m going to complete it soon

  • @insider4812
    @insider4812 22 дні тому

    Are you going to upload the video about the feature that allows you to upload and save notes to firebase firestore

  • @harshalpawar76
    @harshalpawar76 Місяць тому

    Thanks...

  • @just_a_random_guy-j7x
    @just_a_random_guy-j7x Місяць тому

    if anyone struggling in implementing QuillEditor in version flutter_quill: ^10.8.5 use this code for QuillEditor Expanded( child: QuillEditor.basic( controller: quillController, configurations: const QuillEditorConfigurations( placeholder: 'Write note here...', expands: true, ), focusNode: focusNode, ), ), and for readOnly in initState @override void initState() { super.initState(); quillController = QuillController.basic(); // Initialize controller focusNode = FocusNode(); if (widget.isNewNote) { focusNode.requestFocus(); readOnly = false; quillController.readOnly = readOnly; } else { readOnly = true; quillController.readOnly = readOnly; } } and for readOnly in NoteIconButtonOutlined NoteIconButtonOutlined( icon: readOnly ? FontAwesomeIcons.pen : FontAwesomeIcons.bookOpen, onPressed: () { setState(() { readOnly = !readOnly; quillController.readOnly = readOnly; if (readOnly) { FocusScope.of(context).unfocus(); } else { focusNode.requestFocus(); } }); }, ), hope this will help 😁

  • @HasimYerlikaya
    @HasimYerlikaya 2 місяці тому

    Selamun Aleykum, This is a great video about text styling. I liked it pretty much. Thank you.

    • @sm-sayedi
      @sm-sayedi 2 місяці тому

      Wa alaikum assalam! Glad you liked it!

  • @ahmadmufarizalhammi5499
    @ahmadmufarizalhammi5499 2 місяці тому

    i use flutter quil new version 10.8.5 how to solf eror my project if i follow ur video or ur project

    • @sm-sayedi
      @sm-sayedi 2 місяці тому

      To not face any kind of errors, you can use the version used in the video!

    • @ahmadmufarizalhammi5499
      @ahmadmufarizalhammi5499 2 місяці тому

      @@sm-sayedihow can i follow this video if version different

  • @LOVEENDURES
    @LOVEENDURES 3 місяці тому

    Is there a way to add import and export notes?

  • @rafaeldella6782
    @rafaeldella6782 3 місяці тому

    Awesome video bro!!! Its helps me a lot ^^

    • @sm-sayedi
      @sm-sayedi 3 місяці тому

      Glad to hear that! :)

  • @SabinPoudel-iw2rf
    @SabinPoudel-iw2rf 4 місяці тому

    How to download exact same assets from the dribbble design for mobile app?

    • @sm-sayedi
      @sm-sayedi 4 місяці тому

      Links for all the assets are provided in the description section!

  • @MarcosFreitass
    @MarcosFreitass 4 місяці тому

    Will there still be videos from the series? How to sync user notes to the cloud?

    • @sm-sayedi
      @sm-sayedi 4 місяці тому

      There will be more videos of the series coming out for sure, but it may take a little longer as my schedule is kind of strict lately!

  • @bini-4-christ
    @bini-4-christ 4 місяці тому

    Best tutorial by far. Thank you Sayedi. I learned a lot from you.

    • @sm-sayedi
      @sm-sayedi 4 місяці тому

      Glad it was helpful! 🙂

  • @joyachakraborty9835
    @joyachakraborty9835 4 місяці тому

    Hey..i am making the project following your video..Here i am facing a problem while running the project. There is no error in the code and shows the main page with "Project name" after running. But after running, the notification shows that "Initializing Gradle Language Server". It takes a loooong time..Now what can i do in this situation? Please reply. it's really really urgent.. 🥹🥹

  • @AngryWolf-sq5wx
    @AngryWolf-sq5wx 5 місяців тому

    You lost my attention shortly after starting. It would've been helpful if you explain WHY you were doing what you were doing. So many Flutter tutorials are like that. Just doing things without explaining why.

    • @sm-sayedi
      @sm-sayedi 5 місяців тому

      Thanks for the comment! It would be really helpful if you can mention a few places you felt that way! It will help me make better videos next time! 🙂

  • @zamzamkhan271
    @zamzamkhan271 6 місяців тому

    sir could you please show us how to add an image function to that note app

    • @sm-sayedi
      @sm-sayedi 6 місяців тому

      Unfortunately the image functionality is not decided for this app's scope. Maybe I will make a seperate video about that in the future. :-)

  • @NadeeshaAmarasingheNMA
    @NadeeshaAmarasingheNMA 6 місяців тому

    Hi Sayed, This video series is very helpful and i followed everything. Thank you for creating this. 🥰 So now i'm waiting for "Facebook Sign In in Flutter with Firebase". are you making it ?

    • @sm-sayedi
      @sm-sayedi 6 місяців тому

      I will resume uploading videos after a while, I just got a tight schedule in the recent months. And thanks for the supportive comment! 😊 Glad to hear these videos are helpful!

  • @AirLens_Studios
    @AirLens_Studios 6 місяців тому

    Hey Hey can anyone maby share the code with me I am really just trying to learn form it and I do not want to copy it I really want to enhance my coding and flutter skills

    • @sm-sayedi
      @sm-sayedi 6 місяців тому

      Link to the source code is available in the video description!

  • @AirLens_Studios
    @AirLens_Studios 6 місяців тому

    Is there many a place where I can get this codes

  • @AirLens_Studios
    @AirLens_Studios 6 місяців тому

    Heyy If someone could help my I am not able to compress the column like you do at the start of the video

    • @sm-sayedi
      @sm-sayedi 6 місяців тому

      I am not sure if I understood your question completely. Could you please mention the timestamp of the video your question is about?

    • @AirLens_Studios
      @AirLens_Studios 6 місяців тому

      @@sm-sayedi No worries my friend I figured it out myself but thanks for the reply

    • @joyachakraborty9835
      @joyachakraborty9835 4 місяці тому

      How did you do that? Please reply​@@AirLens_Studios

  • @dmitricherleto8234
    @dmitricherleto8234 6 місяців тому

    for some reason I get the "The named parameter 'readOnly' isn't defined. Try correcting the name to an existing named parameter's name, or defining a named parameter with the name 'readOnly'." in the new_or_edit_note_pages.dart I believe I follow everything exactly

    • @sm-sayedi
      @sm-sayedi 6 місяців тому

      I think there are some API changes happened in the newer versions of flutter_quill, so please use the same version used in the video, flutter_quill 9.1.0.

  • @UjangMisbah-i5u
    @UjangMisbah-i5u 7 місяців тому

    amazing, thank you

    • @sm-sayedi
      @sm-sayedi 7 місяців тому

      Glad you liked it!

  • @shaztech620
    @shaztech620 7 місяців тому

    awesome tutorial, well explained, luving it

    • @sm-sayedi
      @sm-sayedi 7 місяців тому

      Glad you liked it!

  • @Naif-Sama
    @Naif-Sama 8 місяців тому

    Wait... U already have a ready ui so it doesn't look like this is the start point right??? Is this like second video so I must first watch the first? Or no it part of list and I must watch a couple of video instead of one?

    • @sm-sayedi
      @sm-sayedi 8 місяців тому

      You're right. This is actually part of a play list that you can find the link in the description of this video. But if you just want to learn about Email and Password auth, I think you don't necessarily need to watch the previous videos! 🙂

    • @dmitricherleto8234
      @dmitricherleto8234 6 місяців тому

      @@sm-sayedi how do I sync the user notes on the cloud?

    • @sm-sayedi
      @sm-sayedi 6 місяців тому

      That will come in the upcoming videos!

    • @dmitricherleto8234
      @dmitricherleto8234 6 місяців тому

      @@sm-sayedi sounds good! I'll wait for that and great videos :)

  • @magne3020
    @magne3020 8 місяців тому

    Hello, I'm still looking forward to the next part! This topic is great, when will you have time to upload the next part? Thanks for sharing all this with us! 🥰🥰

    • @sm-sayedi
      @sm-sayedi 8 місяців тому

      I will start uploading new videos soon in the following days! Thanks for your interest and patience! 🙂

    • @magne3020
      @magne3020 8 місяців тому

      @@sm-sayedi Really really very thanks, you are awesome, i will be waiting your new videos 🤗

  • @GUESSIKHOULOUD
    @GUESSIKHOULOUD 8 місяців тому

    did you made the page "new tag dialog" before????

    • @sm-sayedi
      @sm-sayedi 8 місяців тому

      Yeah, you can check it here: ua-cam.com/video/mW_zvHQDd0I/v-deo.html&si=VnV0IHxnHoh4enEO

    • @GUESSIKHOULOUD
      @GUESSIKHOULOUD 8 місяців тому

      @@sm-sayedi thank youuu

    • @GUESSIKHOULOUD
      @GUESSIKHOULOUD 8 місяців тому

      @@sm-sayedi can I know if you already define selector function in the previous ved or its predefine function???? thank you in advance

    • @sm-sayedi
      @sm-sayedi 8 місяців тому

      Selector is a class defined in the Provider package.

  • @prasadmusini8452
    @prasadmusini8452 8 місяців тому

    Can you please make a video on firebase tutorial

    • @sm-sayedi
      @sm-sayedi 8 місяців тому

      If you mean Firestore, then one of the upcoming videos is going to be about that!

  • @abdulgafoor6345
    @abdulgafoor6345 9 місяців тому

    Nice bro your videos are clean and clear understanding how i get clients for flutter app development i need help

    • @sm-sayedi
      @sm-sayedi 8 місяців тому

      Thank you! Glad to hear that.

  • @FokrulIslam-bm8nu
    @FokrulIslam-bm8nu 9 місяців тому

    😍😍😍😍😍😍😍😍

  • @FokrulIslam-bm8nu
    @FokrulIslam-bm8nu 9 місяців тому

    thank you create this video❤❤❤❤😍😍😍😍 i am newbe in flutter

    • @sm-sayedi
      @sm-sayedi 9 місяців тому

      Thank you. Wish you the best in your journey!

  • @amitdhaka8404
    @amitdhaka8404 9 місяців тому

    Hii bro i have created an app which use google signin only and login necessary for user to open the app . Now i use SHA and SHA1 key in firebase but i am in doubt is these key will work when playstore team will review the app.

    • @sm-sayedi
      @sm-sayedi 9 місяців тому

      There will be no issue if you have set up the keys correctly!

  • @younes6216
    @younes6216 9 місяців тому

    How do I stop it from creating new users and use it only for log in ??

    • @sm-sayedi
      @sm-sayedi 9 місяців тому

      I don't think I got what you mean, can you elaborate?

    • @oot.t6462
      @oot.t6462 3 місяці тому

      I think what he meant was, for the login we use the same googleSignIn method which mean by logic we want to register an account. But right now we just want it to login account that already register and as I can see when the google button was clicked in register page for the second time after register i will login not throw error like "The account is already register" something like that@@sm-sayedi

  • @gurparvesh38
    @gurparvesh38 9 місяців тому

    Best Tutorial for Gsignin So far! Thank you Sayed :)

    • @sm-sayedi
      @sm-sayedi 9 місяців тому

      Glad it was helpful!

  • @magne3020
    @magne3020 10 місяців тому

    This is awesome! You are the best!!!!!

    • @sm-sayedi
      @sm-sayedi 9 місяців тому

      Thank you very much!!

  • @Kavi-yz4sx
    @Kavi-yz4sx 10 місяців тому

    Brilliant!!🙌

  • @BaBeK16
    @BaBeK16 10 місяців тому

    Teşekkür ediyorum. Uygulaman çok güzel çalışıyor. Aynı uygulama üzerinden firebase storageden pdf dosyalarını yükleme ve indirme işlemi de yapsan efsane olurdu. Bu da çok güzel olmuş emeğine sağlık.

    • @sm-sayedi
      @sm-sayedi 10 місяців тому

      Teşekkür ederim. Bu uygulama, Firebase Firestore'a not yükleme/kaydetme özelliğine sahip olacak ve bununla ilgili video yakında yüklenecek. PDF'yi Firebase Storage'a yüklemek için aslında bu uygulamanın bu özelliğe sahip olmasını planlamıyorum, ancak gelecekte bununla ilgili ayrı bir video hazırlamayı düşüneceğim!

  • @Gurutellme
    @Gurutellme 10 місяців тому

    nice video...keep going

  • @zakfrum
    @zakfrum 10 місяців тому

    Nice and clean !

  • @AdhamFaisal875
    @AdhamFaisal875 10 місяців тому

    Some customers are afraid to build applications that include authentication for fear that the programmer in the database will obtain the passwords of the application users

    • @sm-sayedi
      @sm-sayedi 10 місяців тому

      With custom authentication solutions, yes, it is unsafe. But with Firebase Auth, there is no way for programmers to obtain the passwords and not to forget they're encrypted, so even Firebase cannot misuse it, at least there is not such a case reported so far!

    • @AdhamFaisal875
      @AdhamFaisal875 10 місяців тому

      @@sm-sayedi thank you very much

  • @magne3020
    @magne3020 11 місяців тому

    Your content is incredible, of great quality, I hope with all my heart for your channel stands out a lot and have a lot of success with it, since you are a mastermind with flutter and I would like to continue learning from you, I will look forward to your next video 🤗

    • @sm-sayedi
      @sm-sayedi 11 місяців тому

      Thank you very much, it's the comments like yours which keep me motivated! And thanks for the nice wish! ☺️

  • @zakfrum
    @zakfrum 11 місяців тому

    Awesome form tutorial 👍Keep up !

    • @sm-sayedi
      @sm-sayedi 11 місяців тому

      Thanks, will do!

  • @zakfrum
    @zakfrum 11 місяців тому

    Very rich tutorial with great insights into Dart core and state management ! Excellent 👍

    • @sm-sayedi
      @sm-sayedi 11 місяців тому

      Glad it helped!

  • @alhaidarai
    @alhaidarai 11 місяців тому

    thank you very much i've been trying to do it for 3 days trying different methods until it was all of different versions of flutter or firebase. not to mention the build.gradle keep up the good work

    • @sm-sayedi
      @sm-sayedi 11 місяців тому

      Glad it could be of help! 🙂

  • @AdhamFaisal875
    @AdhamFaisal875 Рік тому

    please next make voice recorder as voice note

    • @sm-sayedi
      @sm-sayedi Рік тому

      I will consider creating a different video series on that in the future!

  • @zakfrum
    @zakfrum Рік тому

    Thanks for the update and also for the detailed explanation of the state management aspects ! Keep up 👍

    • @sm-sayedi
      @sm-sayedi Рік тому

      Appreciate your support! 🙏🏻

  • @trabzonapp
    @trabzonapp Рік тому

    Very good thank you

  • @lucaspedrajas5622
    @lucaspedrajas5622 Рік тому

    how do you layout the paréntesis automatically? I've set the auto indent to full but doesn't separate the crochets and parentesis in different lines

    • @sm-sayedi
      @sm-sayedi Рік тому

      Add the necessary trailing commas in the code, and then use the shortcut Shift + Alt + F (windows) or Shift + Option + F (macOS) to format the code. Alternatively, right click on the code and then choose the "Format Document" option from the menu!

  • @zakfrum
    @zakfrum Рік тому

    I spotted a small bug : when clicking on TextField Widget on readOnly mode it gets focused even if readOnly is set to true, the solution is to add this code in the textfield : canRequestFocus: readOnly ? false : true,

    • @sm-sayedi
      @sm-sayedi Рік тому

      Amazing!! I will mention and correct it in the next video!!

  • @zakfrum
    @zakfrum Рік тому

    Good job 👍 Keep up ! For those having issue with the Quill package like I did just upgrade your flutter binary to the last version (3.16) everything resolves.

    • @sm-sayedi
      @sm-sayedi Рік тому

      Thanks for the helpful comment! 🙂

  • @kunalsin
    @kunalsin Рік тому

    Can u make functional PDF app

    • @sm-sayedi
      @sm-sayedi Рік тому

      I will include it in my list!!

  • @kunalsin
    @kunalsin Рік тому

    Good tutorial

    • @sm-sayedi
      @sm-sayedi Рік тому

      Glad to hear that! 🙂