firebase_user_avatar_flutter - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #golang #rust #deep-learning #macos #java #awesome #cli #vue #security #openai

firebase_user_avatar_flutter

(★ 152)

Advanced Provider Architecture Demo: Image Picker + Firebase Storage Upload

파일 탐색기

최종 버전 다운로드 (.zip)

- - build.gradle
- build.gradle
- gradle.properties
- settings.gradle
- - AppFrameworkInfo.plist
  - Debug.xcconfig
  - Release.xcconfig
- - AppDelegate.swift
  - Info.plist
  - Runner-Bridging-Header.h
- - project.pbxproj
- - contents.xcworkspacedata
- Podfile
- - auth_widget.dart
  - auth_widget_builder.dart
- - avatar.dart
- - avatar_reference.dart
- - firebase_auth_service.dart
  - firebase_storage_service.dart
  - firestore_path.dart
  - firestore_service.dart
  - image_picker_service.dart
- main.dart
- flutter-provider-advanced-banner-1.png
- flutter-provider-advanced-banner-2.png
- flutter-provider-advanced-banner-3.png
- widget_test.dart
.gitignore
.metadata
LICENSE.md
pubspec.yaml
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Advanced Provider Architecture Demo: Image Picker + Firebase Storage Upload

This project shows how to capture, upload and show an avatar image, while supporting multiple user accounts with Firebase.

It serves as the foundation for the following tutorials on Provider architecture:

## Advanced Provider Tutorial - Part 1: Project Setup & Authentication Flow

To get started with this tutorial, checkout the [`initial-setup`](https://github.com/bizz84/firebase_user_avatar_flutter/tree/initial-setup) branch.

Then, follow the steps in [Firebase Configuration](#firebase-configuration).

Video tutorial here:

[![Advanced Provider Tutorial - Part 1: Project Setup & Authentication Flow](https://raw.githubusercontent.com/bizz84/firebase_user_avatar_flutter/master/media/flutter-provider-advanced-banner-1.png)](https://youtu.be/j8P__wcq2YM)

## Advanced Provider Tutorial - Part 2: MultiProvider, Multiple Services & Stream Dependencies

To continue from the end of the previous tutorial, checkout the [`authentication-complete`](https://github.com/bizz84/firebase_user_avatar_flutter/tree/authentication-complete) branch.

Video tutorial here:

[![Advanced Provider Tutorial - Part 2: MultiProvider, Multiple Services & Stream Dependencies](https://raw.githubusercontent.com/bizz84/firebase_user_avatar_flutter/master/media/flutter-provider-advanced-banner-2.png)](https://youtu.be/wxN1L3RfulI)

## Advanced Provider Tutorial - Part 3: Dependencies Between Providers

To continue from the end of the previous tutorial, checkout the [`working-implementation`](https://github.com/bizz84/firebase_user_avatar_flutter/tree/working-implementation)  branch.

Video tutorial here:

[![Advanced Provider Tutorial - Part 3: Better APIs, Navigation, Widget Rebuilds](https://raw.githubusercontent.com/bizz84/firebase_user_avatar_flutter/master/media/flutter-provider-advanced-banner-3.png)](https://youtu.be/wxN1L3RfulI)

The final, completed project is available on the [`optimized-implementation`](https://github.com/bizz84/firebase_user_avatar_flutter/tree/optimized-implementation) branch.

## Firebase Configuration

To use this project with Firebase authentication, some configuration steps are required.

- Create a new project with the Firebase console.
- Add iOS and Android apps in the Firebase project settings.
- On Android, use `com.example.firebase_user_avatar_flutter` as the package name (adding a SHA-1 certificate fingerprint is **not** needed for this project).
- then, [download and copy](https://firebase.google.com/docs/flutter/setup#configure_an_android_app) `google-services.json` into `android/app`.
- On iOS, use `com.example.firebaseUserAvatarFlutter` as the bundle ID.
- then, [download and copy](https://firebase.google.com/docs/flutter/setup#configure_an_ios_app) `GoogleService-Info.plist` into `iOS/Runner`, and add it to the Runner target in Xcode.

See this document for full instructions:

- [https://firebase.google.com/docs/flutter/setup](https://firebase.google.com/docs/flutter/setup)

## Additional References

A lot of the techniques used in this project are explained in great detail, and implemented step-by-step in my Flutter & Firebase Udemy course.

This is available for early access at this link (discount code included):

- [Flutter & Firebase: Build a Complete App for iOS & Android](https://www.udemy.com/flutter-firebase-build-a-complete-app-for-ios-android/?couponCode=DART15&password=codingwithflutter)

## [License: MIT](LICENSE.md)