Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bizz84/flutter-firebase-masterclass
Flutter & Firebase Masterclass
https://github.com/bizz84/flutter-firebase-masterclass
firebase flutter
Last synced: about 16 hours ago
JSON representation
Flutter & Firebase Masterclass
- Host: GitHub
- URL: https://github.com/bizz84/flutter-firebase-masterclass
- Owner: bizz84
- License: mit
- Created: 2023-02-22T16:16:06.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-19T12:15:51.000Z (about 1 month ago)
- Last Synced: 2024-12-15T21:06:34.307Z (8 days ago)
- Topics: firebase, flutter
- Language: Dart
- Homepage: https://codewithandrea.com/courses/flutter-firebase-masterclass/
- Size: 3.02 MB
- Stars: 106
- Watchers: 2
- Forks: 37
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Flutter & Firebase Masterclass - eCommerce App
This is the official repo for this course:
- [Flutter & Firebase Masterclass](https://codewithandrea.com/courses/flutter-firebase-masterclass/)
This will include a full-stack eCommerce app using Flutter & Firebase:
## Project Setup
To clone the repo for the first time and open it in VSCode, run this:
```
git clone https://github.com/bizz84/flutter-firebase-masterclass.git
cd flutter-firebase-masterclass
code .
```
This will checkout the `main` branch which contains the **latest code**.
But at various points in the course, I'll ask you to checkout a **specific branch name**, so you can follow along with the right code, at the right time.
And to prevent any conflicts, you may need to reset your local changes:
```
git reset --hard HEAD
git checkout
```
### Firebase Setup
Since the project uses Firebase, some additional files will be needed:
```
lib/firebase_options.dart
ios/Runner/GoogleService-Info.plist
ios/firebase_app_id_file.json
macos/Runner/GoogleService-Info.plist
macos/firebase_app_id_file.json
android/app/google-services.json
```
These files have been added to `.gitignore`, so you need to run this command to generate them with the flutterfire CLI:
```
cd ecommerce_app
flutterfire configure
```
To ensure the Firebase rules and cloud functions are deployed, run:
```
firebase deploy
```
### Stripe Setup
In module 8 of the course, we add Stripe to the eCommerce app.
For the Stripe code to work, a `STRIPE_PUBLISHABLE_KEY` needs to be set on the client.
To set it, create an `.env` file inside the `ecommerce_app` folder and add your [Stripe publishable key](https://dashboard.stripe.com/test/apikeys):
```bash
# ecommerce_app/.env
STRIPE_PUBLISHABLE_KEY=pk_test_YOUR_STRIPE_PUBLISHABLE_KEY
```
Then, run the generator:
```bash
dart run build_runner build -d
```
This will generate an `env.g.dart` file inside `lib`.
As a result, the API key can be read as `Env.stripePublishableKey` in the Stripe setup code.
> [!NOTE]
> API keys defined with `--dart-define-from-file` were failing to load on Flutter web in release mode (see [this answer](https://stackoverflow.com/a/65647968/436422) and [this comment](https://stackoverflow.com/questions/65647090/access-dart-define-environment-variables-inside-index-html#comment120444154_65647968)). To work around that, the project now uses the [Envied](https://pub.dev/packages/envied) package.
## Documentation site
A documentation site with useful FAQs and guides can be found here:
- [Flutter & Firebase Masterclass - Documentation](https://docs.page/bizz84/flutter-firebase-masterclass/index)
### [LICENSE: MIT](LICENSE.md)