Building a Contact App with Flutter and Firebase: Step-by-Step Tutorial
Вставка
- Опубліковано 17 вер 2024
- Welcome, everyone! In this comprehensive video tutorial, we'll guide you through the process of creating a powerful Contacts App using Flutter and Firebase. Our journey will cover every aspect, from setting up Firebase Authentication for both email/password and Google login to utilizing Firestore for efficient data storage. Plus, there's a special bonus - we'll show you how to integrate a robust search functionality into your app!
📝 Here are the key timestamps for easy navigation:
00:01:02 Create new Firebase Project
00:02:15 Initialize Firebase App
00:07:52 UI Design for Login & Sign Up
00:24:34 Email Password Authentication
00:55:39 Google Authentication
01:05:50 Create New Contacts in firestore
01:24:14 Read all Contacts from firestore
01:35:40 Update an exisitng contact
01:42:28 Delete an exisitng contact
01:45:36 Add Search functionality
02:09:17 Open Dialer directly from app
👩💻 Source Code : You can use this when you are stuck
github.com/Sne...
Get ready to embark on this exciting coding journey, where we'll transform your ideas into a functional app. By the end of this 2-hour tutorial, you'll have the skills to create your own dynamic Contacts App with Flutter and Firebase. Let's dive in and start building something amazing together!Don't forget to like, subscribe, and hit the notification bell to stay updated with more insightful tutorials and coding adventures. Your support means the world to us, and we can't wait to see what you create with your newfound skills. Happy coding!"
Great video buddy ❤
Nice video ❤
Great bro :)
Amazing video, thank you.
I thought when we press to call the number we would call directly without the need for dialer (default dialer).
Can we build one?
It is possible, for that we need to build our custom dialer, or we can use this package flutter_phone_direct_caller that will make it more easier.
Yeah, it would be great, I hope you'll make another video about building a custom dialer in Flutter, when you get the chance OFC.@@Snehasis4321
amazing amazing
I just had an exception using the call launcher, I did what you did exactly but I can't call 😥😥😥😥
if your android emulator is greater than API 30 then you will receive this error.
Add this in "contacts_app\android\app\src\main\AndroidManifest.xml"
This code will be below and above
bro pls start long video tutorial using different backend techstack like Nodejs, MongoDB,PostreSQL, supabase..plsss
ok bro
Bro there is 1 problem at 1:06:00 for login with google. Its working fine but there is one issue. First time when I login with google it showing me list of my google account to choose for login. but after logout once and when we again try to log in with google then its not showing the different google accounts list. I think there should be some condition while sign up with google. every time when we click on continue with google for both login and signup we should see the list of users email accounts because single user can have multiple accounts. Can you please tell me how to add that condition ?
Sorry it was my fault , i forgot to sign out the Google Account.
The logout function will be this in auth_service.dart
// logout the user
Future logout() async {
await FirebaseAuth.instance.signOut();
// logout from google if logged in with google
if (await GoogleSignIn().isSignedIn()) {
await GoogleSignIn().signOut();
}
}
please modify the code. I have also updated the code in GitHub.
@@Snehasis4321Thank you 😊
Execution failed for task ':firebase_core:parseDebugLocalResources'.
> Could not resolve all files for configuration ':firebase_core:androidApis'.
> Failed to transform android.jar to match attributes {artifactType=android-platform-attr, org.gradle.libraryelements=jar, org.gradle.usage=java-runtime}.
> Execution failed for PlatformAttrTransform: C:\Users\DELL\AppData\Local\Android\sdk\platforms\android-31\android.jar.
> C:\Users\DELL\AppData\Local\Android\sdk\platforms\android-31\android.jar
bro after plugin and flutter run then error 7:39
please help
This may be due to outdated gradle , try updating your gradle using android studio. And rebuild the project from start.
Source code link not working
check again
💖 'Promo sm'
@hii can you make whatspp or telegram group related to your channel then people can engaged with you in better way.
Thanks for your videos
ok will do it.