Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
#BuildShip + #FlutterFlow - Offline Data App with Firebase Backup!
Play lesson

FlutterFlow for Beginners - #BuildShip + #FlutterFlow - Offline Data App with Firebase Backup!

5.0 (0)
10 learners

What you'll learn

This course includes

  • 48.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

#BuildShip is a #lowcode visual backend builder that lets you ship APIs, scheduled jobs, backend cloud functions instantly. Powered by AI, create your own workflow nodes, connect to any tool, database and create scalable backend for your apps. In this video I present a working #FlutterFlow notes taking app which uses custom data type persistent storage to keep data on the device without the need for authentication. We then, together, will build two BuildShip workflows which allows the data to be stored offline and retrieved when required. So technically users can make changes on their device and sync when required. Concepts covered in this video include using Custom Data Types, custom functions to shape up JSON data for use with BuildShip, building logical BuildShip Workflows, setup and use Firebase within Buildship and so so much more! So many different techniques are covered which should aid your learning of FlutterFlow and integrating with BuildShip workflows. 👉 Starter Project: https://app.flutterflow.io/project/notes-build-ship-starter-g16kw2 👉 @rowyio (BuildShip) https://www.buildship.com 🔥 Series opener: https://youtu.be/hF3r8l9U1o8 🔥 Supabase Workflow: https://youtu.be/uhc8732Dpq4 🔥 Consider also joining The Digital Pro's #Nocode Academy (link below). _____ Chapters 00:00 Introduction 01:18 Scenario walkthrough 05:20 Application demo 08:34 Starter project overview 15:49 Firebase setup within BuildShip 18:35 Creating the Sync Workflow Part 1 25:28 Creating the Sync Workflow Part 2 30:04 Setup the Sync API Call in FlutterFlow 32:47 Mapping Custom Data Types to JSON 35:44 Action Setup for BuildShip Sync API Call 38:50 Application Test 1 + Fault Finding 41:21 Application Sync Test 42:22 Creating the Restore Workflow 50:11 Setup the Restore API Call + Actions in FlutterFlow 57:59 Final Application Test 58:31 Outro _____ 🚀 The Digital Pro's NoCode Academy: https://www.thedigitalpro.co.uk (Support the channel and go ad-free! 😉) 🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee 👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow 🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere