Community Content
Stuart Gardoll
Stuart Gardoll
FlutterFlow Team
·Builder of Things

Create a Family Memories App in FlutterFlow | Essential Setup & UI Tutorial | 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:

Next Up:

  • Part 2 dives into audio recording and transcription, using custom code and backend APIs to turn speech into searchable text.

4