Rapid Prototyping with Flutter & Firebase: Building a Social Network by Ahmed Youssef

1b77dd441f657f5aefb3e21283b252e6?s=47 GDG Montreal
September 29, 2019

Rapid Prototyping with Flutter & Firebase: Building a Social Network by Ahmed Youssef

We are going to talk about the importance of rapid prototyping and how Flutter & Firebase make for a powerful rapid prototyping combo.

https://devfest2019.gdgmontreal.com/schedule/2019-09-29?sessionId=104

1b77dd441f657f5aefb3e21283b252e6?s=128

GDG Montreal

September 29, 2019
Tweet

Transcript

  1. 2.

    About me - Ahmed Youssef - Mobile Developer at Shopify

    - 6 years Android, 10 years Java - Love to build apps that solve everyday problems
  2. 3.

    Smart Home Controller Integrate home controls with media center Walkie

    Talkie Push-To-Talk chat Hub for gamers Platform for gamers to network and hang out with players in different time zones
  3. 6.

    Local API Storage, database, sync, caching Cloud API Storage, database,

    push notifications Multiplatform Support Android, iOS, Web
  4. 8.
  5. 9.

    Firebase (April 2012) Realtime database with login, storage, and push

    notifications Flutter (May 2017) Android, iOS, and web support
  6. 11.

    Common Elements (revisited) Login using FB, Google, email User Profile

    Publish To Blog Message Users New message notification
  7. 14.
  8. 15.
  9. 16.
  10. 22.
  11. 25.

    • Create project on Firebase • Add creds files to

    Android and iOS versions • Create Facebook App with Facebook Login product • Add and apply Google Services plugin to Android (using gradle) • Add Facebook meta-data and activities in Android manifest • Add Facebook meta-data to info.plist in XCode • Make Android app multi-dex (using gradle) • Add and configure sign in methods in Firebase • Add URL Scheme to info.plist for Google sign-in Extra Steps
  12. 26.

    Gathering resources and dependencies 1 Hour Writing Code 1 Hour

    Extra Steps 1 Hour = 3 Hours Resource Breakdown
  13. 27.

    Synchronized Friend List Cloud function Push Notifications New message or

    post State Management BLOC pattern Next Steps & Improvements
  14. 28.