Build A Chat Application With Firebase, Flutter and Provider

Connect your iOS Flutter app to Firebase, add dependencies for analytics, authentication, storage, and Cloud Firestore, configure GoogleService-Info.plist, and verify integration by running the app.

Build the login and sign up UI in a Flutter app, set dark mode with a custom primary and background color, and route the login page as the home screen.

Wrap the login UI with a ChangeNotifierProvider using the auth provider, use a builder to access it, and use its instance to log in and update the UI.

Authenticate users with email and password via the auth provider on Firebase, show a loading state with a progress indicator, and update status and listeners for success or error.

Learn to build a reusable snack bar service in Flutter that shows success and error popups via scaffold, using a singleton instance and build context management during login flows.

Build a Flutter registration page user interface, including a scaffolded, centered form with name, email, and password fields, an image selector, and a global form key for validation.

Create a Flutter navigation service using a navigator key to push, replace, and go back between login and registration pages. Bind it to MaterialApp and initialize with login route.

Create a media service with image picker to access the device gallery, wire it to the image selector on the registration page, and manage camera, microphone, and photo library permissions.

Capture user input for name, email, and password, model a Firebase user document in the users collection keyed by authentication id, and store email, name, image, and last seen timestamp.

Build a cloud storage service to upload user profile images to Firebase storage, defining a storage class with a base reference and an upload function targeting the profile_images folder.

Explore how to structure Firebase data for a chat app, including user documents, conversations, and messages, and how automated logic links conversations to users and propagates new messages.

Discover how every user document stores a conversations collection to surface chat previews on the home screen, showing partner image, last message, name, and timestamp.

develop and deploy the first firebase cloud function for a chat app, using node, firebase tools, and typescript to auto-update user conversations when a new conversation is created.

Enable automatic login on app launch to keep users signed in without credentials. Implement auto login and check current user is authenticated to navigate home when a user exists.

Create a responsive profile page UI in Flutter, centering a column inside a sized box and using media query for height and width, with image, name, email, and logout button.

Link the auth provider to the conversation page and use a change notifier provider to distinguish messages from us and others, driving a dynamic chat interface.

Style image messages in Flutter using decoration and network images, review how Firebase stores messages, and implement auto-scroll to bottom with a scroll controller in the conversation page.