- 20
- 18 446
Sayed Mahmood Sayedi
Canada
Приєднався 18 лип 2023
Dive into Flutter with me! Master mobile app development through comprehensive tutorials and expert tips. Subscribe and transform your coding journey with every click!
🔒 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
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
sir please make on capcut clone using flutter please make video video eidting toool using flutter
awesome tutorial ,i made the note app with ur videos ,now only authentication part is remaining , i m going to complete it soon
Are you going to upload the video about the feature that allows you to upload and save notes to firebase firestore
Thanks...
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 😁
Selamun Aleykum, This is a great video about text styling. I liked it pretty much. Thank you.
Wa alaikum assalam! Glad you liked it!
i use flutter quil new version 10.8.5 how to solf eror my project if i follow ur video or ur project
To not face any kind of errors, you can use the version used in the video!
@@sm-sayedihow can i follow this video if version different
Is there a way to add import and export notes?
Awesome video bro!!! Its helps me a lot ^^
Glad to hear that! :)
How to download exact same assets from the dribbble design for mobile app?
Links for all the assets are provided in the description section!
Will there still be videos from the series? How to sync user notes to the cloud?
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!
Best tutorial by far. Thank you Sayedi. I learned a lot from you.
Glad it was helpful! 🙂
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.. 🥹🥹
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.
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! 🙂
sir could you please show us how to add an image function to that note app
Unfortunately the image functionality is not decided for this app's scope. Maybe I will make a seperate video about that in the future. :-)
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 ?
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!
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
Link to the source code is available in the video description!
Is there many a place where I can get this codes
Heyy If someone could help my I am not able to compress the column like you do at the start of the video
I am not sure if I understood your question completely. Could you please mention the timestamp of the video your question is about?
@@sm-sayedi No worries my friend I figured it out myself but thanks for the reply
How did you do that? Please reply@@AirLens_Studios
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
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.
amazing, thank you
Glad you liked it!
awesome tutorial, well explained, luving it
Glad you liked it!
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?
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! 🙂
@@sm-sayedi how do I sync the user notes on the cloud?
That will come in the upcoming videos!
@@sm-sayedi sounds good! I'll wait for that and great videos :)
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! 🥰🥰
I will start uploading new videos soon in the following days! Thanks for your interest and patience! 🙂
@@sm-sayedi Really really very thanks, you are awesome, i will be waiting your new videos 🤗
did you made the page "new tag dialog" before????
Yeah, you can check it here: ua-cam.com/video/mW_zvHQDd0I/v-deo.html&si=VnV0IHxnHoh4enEO
@@sm-sayedi thank youuu
@@sm-sayedi can I know if you already define selector function in the previous ved or its predefine function???? thank you in advance
Selector is a class defined in the Provider package.
Can you please make a video on firebase tutorial
If you mean Firestore, then one of the upcoming videos is going to be about that!
Nice bro your videos are clean and clear understanding how i get clients for flutter app development i need help
Thank you! Glad to hear that.
😍😍😍😍😍😍😍😍
😊
thank you create this video❤❤❤❤😍😍😍😍 i am newbe in flutter
Thank you. Wish you the best in your journey!
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.
There will be no issue if you have set up the keys correctly!
How do I stop it from creating new users and use it only for log in ??
I don't think I got what you mean, can you elaborate?
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
Best Tutorial for Gsignin So far! Thank you Sayed :)
Glad it was helpful!
This is awesome! You are the best!!!!!
Thank you very much!!
Brilliant!!🙌
Thank you!
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.
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!
nice video...keep going
Thank you!!
Nice and clean !
Thanks!
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
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!
@@sm-sayedi thank you very much
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 🤗
Thank you very much, it's the comments like yours which keep me motivated! And thanks for the nice wish! ☺️
Awesome form tutorial 👍Keep up !
Thanks, will do!
Very rich tutorial with great insights into Dart core and state management ! Excellent 👍
Glad it helped!
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
Glad it could be of help! 🙂
please next make voice recorder as voice note
I will consider creating a different video series on that in the future!
Thanks for the update and also for the detailed explanation of the state management aspects ! Keep up 👍
Appreciate your support! 🙏🏻
Very good thank you
So nice of you 🙂
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
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!
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,
Amazing!! I will mention and correct it in the next video!!
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.
Thanks for the helpful comment! 🙂
Can u make functional PDF app
I will include it in my list!!
Good tutorial
Glad to hear that! 🙂