Create a Family Memories App in FlutterFlow | Essential Setup & UI Tutorial | Legacy App Part 1

Create a Family Memories App in FlutterFlow | Essential Setup & UI Tutorial | Legacy App Part 1

8.441 Lượt nghe
Create a Family Memories App in FlutterFlow | Essential Setup & UI Tutorial | Legacy App Part 1
Unlock the power of FlutterFlow and build an app that preserves cherished memories for generations! In this four-part series, we'll create 'Legacy,' an app that not only records memories but transcribes them, uses AI to organize them, and makes them searchable. In this video, 'Part 1: The Ultimate FlutterFlow Setup Guide' focuses on laying the groundwork for your app. Whether you're a FlutterFlow beginner or a seasoned pro, this video will guide you through: - Planning your app's user journey: We'll map out the user flow, from login to exploring family eras and recording memories. - FlutterFlow project setup: Learn how to create a new project, connect to Firebase (or other databases like Supabase, Cloud SQL, or SQLite), and configure authentication and storage. - Firebase setup and considerations: We'll explore the benefits and costs associated with Firebase Storage and how to stay within free usage limits. - UI basics and customization: Define your app's colors, upload custom fonts, and build your login, eras, and entries pages. - Database schema design: Learn how to structure your data using an Entity Relationship Diagram (ERD) and set up your Firebase collections. - Dynamic content with Firestore queries: Display eras and questions dynamically using Firestore queries and page views. - Importing pre-built components: Save time by importing a toggle button library using FlutterFlow's new libraries feature. By the end of this video, you'll have a solid foundation for your app, including a solid FlutterFlow project setup, a structured user experience, a functional UI, and a securely connected database. -------------- Resources: - Download Knak from the App Store or Play Store and always have access to this project's resources: - iOS: https://apps.apple.com/au/app/knak/id6468610079 - Android: https://play.google.com/store/apps/details?id=com.connectio.knak - Clone the project so far from Marketplace: https://marketplace.flutterflow.io/item/88oEwYGT97fLNjuC1zkF - Add the 'Toggle Button' library from Marketplace here: https://marketplace.flutterflow.io/item/tkqfPpOVJYQODuu0iNoA -------------- Next Up: - Part 2 dives into audio recording and transcription, using custom code and backend APIs to turn speech into searchable text. - Don't forget to like, subscribe, and hit the bell icon to be notified when Part 2 drops! Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 https://www.flutterflow.com Follow us on Twitter 👉 https://twitter.com/flutterflow -------------- FlutterFlow is a visual development platform for building native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life. #FlutterFlow, #Firebase, #AppDevelopment, #NoCode, #LowCode, #FamilyHistory, #MobileApp, #Tutorial, #UI, #UX, #Database, #AI, #Algolia, #Flutter