Tweet
Tweet

Slide 1

Slide 1 text

Getting Started with FlutterFlow A Visual Development Environment

Slide 2

Slide 2 text

Agenda 1 2 3 4 5 6 First agenda item Second agenda item Third agenda item Fourth agenda item Fifth agenda item Sixth agenda item

Slide 3

Slide 3 text

With Low-Code, No-Code We replace code by “click-click” Principal Solution Architect / Tech Advisor ECKA Studio - Freelancer Eckarath Khounsombath

Slide 4

Slide 4 text

“ Flutter is a low code tool visual development environment — Leigha Reid

Slide 5

Slide 5 text

Founded in 2020 by ex-Googler, FlutterFlow is a platform built on Google's Flutter framework. FlutterFlow aims at providing : ● An intuitive visual interface to design the UI using drag-and-drop. ● An advanced features for developers ● A covering for the Development Lifecycle ● A ecosystem integration A short introduction FlutterFlow

Slide 6

Slide 6 text

.. to design you user interface. A set of widgets is available : ● Flutter Base Widget ● Flutterflow advance widget ● Marketplace Widget ● Your own widget Visual interface …

Slide 7

Slide 7 text

… to get more hands on Flutter code. Developers can : ● Add custom code (functions, widget, actions) ● Code with little help from our friend ChatGPT ● Manage API calls ● Export the code to GitHub Repo ● Test locally Advance features for developers …

Slide 8

Slide 8 text

.. covering for the developer FlutterFlow provides you : ● Environment for testing (local or remotely) ● Sync with a Git repository ● CI/CD integration ● Deploy on store for you Development Lifecycle …

Slide 9

Slide 9 text

… especially with Firebase FlutterFlow provide out-of-box integration : ● Firebase & Supabase for database ● Notification & Authentication ● InApp Purchases & Subscription ● 3rd Party solution like AdMobs, Google Maps, Algolia, … Ecosystem Integration …

Slide 10

Slide 10 text

And now it’s time to get our hand diary by doing some Visual Development

Slide 11

Slide 11 text

Let’s try to develop a TODO app simple PokeDex List all Pokemon in a GridView and try to catch them all

Slide 12

Slide 12 text

FlutterFlow accelerates mobile app development with its intuitive no-code/low-code interface, powerful integrations, and Flutter code generation, making it a valuable tool for both beginners and experienced developers, although it requires a steeper learning curve than some other no-code options. But I think it’s adapted for most of the project (small to medium size) — Eckarath Khounsombath MHO about FlutterFlow “ ”