Build an Application with FlutterFlow - Eckarath Khounsombath

Transcript

1. Getting Started with FlutterFlow A Visual Development Environment
2. 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
3. With Low-Code, No-Code We replace code by “click-click” Principal Solution Architect / Tech Advisor ECKA Studio - Freelancer Eckarath Khounsombath
4. “ Flutter is a low code tool visual development environment — Leigha Reid
5. 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
6. .. to design you user interface. A set of widgets is available : • Flutter Base Widget • Flutterflow advance widget • Marketplace Widget • Your own widget Visual interface …
7. … 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 …
8. .. 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 …
9. … 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 …
10. And now it’s time to get our hand diary by doing some Visual Development
11. Let’s try to develop a TODO app simple PokeDex List all Pokemon in a GridView and try to catch them all
12. 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 “ ”