Google I/O 2021 Photo Booth built with Flutter and Firebase
I/O Photo Booth





A Photo Booth built with Flutter and Firebase for Google I/O 2021.
Try it now and learn about how it's made.
Built by Very Good Ventures in partnership with Google
Created using Very Good CLI π€
Getting Started π
To run the desired project either use the launch configuration in VSCode/Android Studio or use the following commands:
sh$ flutter run -d chrome
*I/O Photo Booth works on Web.
Running Tests π§ͺ
To run all unit and widget tests use the following command:
sh$ flutter test --coverage --test-randomize-ordering-seed random
To view the generated coverage report you can use lcov.
```sh
Generate Coverage Report
$ genhtml coverage/lcov.info -o coverage/
Open Coverage Report
$ open coverage/index.html```
Working with Translations π
This project relies on flutter_localizations and follows the official internationalization guide for Flutter.
Adding Strings
- To add a new localizable string, open the
app_en.arb
file at lib/l10n/arb/app_en.arb
.
arb{ "@@locale": "en", "counterAppBarTitle": "Counter", "@counterAppBarTitle": { "description": "Text shown in the AppBar of the Counter Page" }}
- Then add a new key/value and description
arb{ "@@locale": "en", "counterAppBarTitle": "Counter", "@counterAppBarTitle": { "description": "Text shown in the AppBar of the Counter Page" }, "helloWorld": "Hello World", "@helloWorld": { "description": "Hello World Text" }}
- Use the new string
```dartimport 'package:io_photobooth/l10n/l10n.dart';
@overrideWidget build(BuildContext context) { final l10n = context.l10n; return Text(l10n.helloWorld);}```
Adding Translations
- For each supported locale, add a new ARB file in
lib/l10n/arb
.
βββ l10nβ βββ arbβ β βββ app_en.arbβ β βββ app_es.arb
- Add the translated strings to each
.arb
file:
app_en.arb
arb{ "@@locale": "en", "counterAppBarTitle": "Counter", "@counterAppBarTitle": { "description": "Text shown in the AppBar of the Counter Page" }}
app_es.arb
arb{ "@@locale": "es", "counterAppBarTitle": "Contador", "@counterAppBarTitle": { "description": "Texto mostrado en la AppBar de la pΓ‘gina del contador" }}
To restore the repository download the bundle
wget https://archive.org/download/github.com-flutter-photobooth_-_2021-05-20_17-21-01/flutter-photobooth_-_2021-05-20_17-21-01.bundle
and run:
git clone flutter-photobooth_-_2021-05-20_17-21-01.bundle
Source:
https://github.com/flutter/photoboothUploader:
flutterUpload date: 2021-05-20