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

КОМЕНТАРІ • 23

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

    Great video buddy ❤

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

    Nice video ❤

  • @Akashgupta-id3kw
    @Akashgupta-id3kw 7 місяців тому

    Great bro :)

  • @The-sound-of-silence
    @The-sound-of-silence 11 місяців тому +2

    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?

    • @Snehasis4321
      @Snehasis4321  11 місяців тому +1

      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.

    • @The-sound-of-silence
      @The-sound-of-silence 11 місяців тому +1

      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

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

    amazing amazing
    I just had an exception using the call launcher, I did what you did exactly but I can't call 😥😥😥😥

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

      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

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

    bro pls start long video tutorial using different backend techstack like Nodejs, MongoDB,PostreSQL, supabase..plsss

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

    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 ?

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

      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.

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

      @@Snehasis4321Thank you 😊

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

    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

    • @Snehasis4321
      @Snehasis4321  Рік тому +1

      This may be due to outdated gradle , try updating your gradle using android studio. And rebuild the project from start.

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

    Source code link not working

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

    💖 'Promo sm'

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

    @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