Zero to App: Live Coding a Cross-Platform App on Firebase (Google I/O'19)

Firebase makes it easy to build a cross-platform app. How easy? Let's try it out together! In this session our team live-codes an app on stage for Android, iOS, and Web. Each platform will have the same functionality, built upon the same Firebase features. They will start with Firestore, Authentication, and Storage, and then show how to use Cloud Functions to integrate Google Cloud Platform's advanced APIs into the application.
Watch more #io19 here:
Firebase at Google I/O 2019 Playlist → goo.gle/2GSFVqN
Google I/O 2019 All Sessions Playlist → goo.gle/io19al...
Learn more on the I/O Website → google.com/io
Subscribe to the Firebase Channel → goo.gle/Firebase
Get started at → firebase.googl...
Source code → goo.gle/2Js3wTd
Speaker(s): Frank van Puffelen, Mike McDonald, Kat Fang, Jen Person
T98A3B event: Google I/O 2019; re_ty: Publish; product: Firebase - General; fullname: Jen Person, Kat Fang, Mike McDonald;

[@DavidNitzscheBell]

While this is pretty cool demo, having four screens at a time means that here on YT, we can't really read any of them well, even at full screen.

[@wilhelm.reeves]

If you scale down to zero, you're not gonna pay for anything 🔥

[@zzej]

I know right xD

[@thainigthu]

Thought flutter might make an appearance? 😀

[@marcelmfa]

Could you share the code on GitHub?

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@Frank_van_Puffelen]

You can find the code for the demos here: github.com/puf/zero-to-app-expenses

[@robinkhan3759]

Do we have open for the web too from this cross platform?

[@rishabhkumar2203]

Simply amazing ❤️

[@walterlol]

Frank is a legend. Grüße aus Deutschland :)

[@nandurstudio]

I hope i could run My "First Hello World App" to the world with firebase. So everybody know I'm a developer ready to hired.

[@Zweihander11]

Thank you for the magic

[@LifeCasts]

Where I can find the source code? Any link?

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@shunnybunny]

Where can I find the GitHub repo?

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@cyberghosthost3440]

Where I can find the source code

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@rickychen9963]

What is the github repo ?

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@rubencg195]

Where can we find the code on GitHub?

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@phemartin]

where is the github link?

[@Frank_van_Puffelen]

github.com/puf/zero-to-app-expenses

[@adamgenshaft706]

Here's a link to the git repo github.com/puf/zero-to-app-expenses

[@MudassirZulfiqar]

Why not on flutter?

[@LifeCasts]

Bro its the clound functions which does the magic, you get the file

[@francoisguezengar6255]

I didn't find the github repo, but for the receipt method on firebase function I've found this article that explain how to get the total : medium.com/@teresa.wu/googles-ml-kit-text-recognition-with-sample-app-of-receipts-reading-7fe6dc68ada3

[@Jtubert22]

For web you can look at the source code here - xpnz.io/

[@kristianbertbahande9114]

8k+ views, 0 comments

[@caballero75RS]

This is how you write an app for IOS, Android and Web when you don't know Flutter.

[@manukumarojha7764]

wow 1st comment

[@SacWebDeveloper]

Missed an opportunity to show all three frontends written in a single codebase with Flutter.

[@jefffrazier6813]

Wow. What a failed opportunity to promote Flutter here.

[@sexyeur]

Way cool!!! =D

[@gofudgeyourselves9024]

They should have done this with Flutter

[@islamsayed8]

Where is the code for this project?

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@manivannan39]

Very good video and was helpful and i love the technology by google

[@stevengao8345]

quick question, how did you read/ transfer the receipt, an image to total expense, an double? by cloud function ? backend machine learning ? what is the code is used. thanks

[@pathetic_geek]

its vision api, google it, it is in the firebase they showed the code rewatch the start when they start writing function

[@uwspstar2008]

thanks for sharing !

[@spicymustard9066]

Great video. Love Firebase and the team behind it! That semi panicked whispering though haha, classic live coding. Thank you all!

[@Frank_van_Puffelen]

We had some network issues on the Android emulator early in the demo. :)

[@tonyf6030]

What is the link to the source code?

[@Frank_van_Puffelen]

Just posted it on github.com/puf/zero-to-app-expenses

[@amansahu6799]

Why wasn't it created using Flutter SDK? Shouldn't Google be promoting it?