Flutterflow : Learn the Absolute basics of Flutterflow

Navigate flutterflow's interface through a guided tour of the dashboard, project creation, layout components, widget palette, visual tree, and canvas with preview and run workflows.

Design a responsive login page in Flutter Flow by arranging UI elements in containers, rows, and columns, adding email and password fields, an image, and a sign up button.

Design a movie block app in FlutterFlow by building a home page, sign up page, and a scrollable list of movie reviews using cards, images, and interactive icons.

Create a dynamic Flutterflow profile page from scratch, featuring a customizable profile image, user name, country selector, profile text, light/dark toggle, and a saved videos tab with log out.

Learn to add a login page in Flutterflow by selecting a sign-in template, customizing the header and fields, and configuring sign in with email and password.

Learn to implement a dark mode toggle in a Flutterflow app, wiring the toggle action to set dark mode settings, test interactions, and navigate between the settings and detail pages.

Learn to build a reusable upload photo component in FlutterFlow, integrating a gallery picker and file explorer, with text prompts, image display, and a save changes button workflow.

Build a multi-screen page view in Flutterflow, displaying image and text cards with navigation dots and an arrow, guiding users from welcome to sign-up and into the home page.

Design a search page in Flutterflow with a text field and clear icon, display results, and add a welcome bottom sheet plus a navigation bar for home, search, and profile.

Set up Firebase authentication for FlutterFlow by enabling email and password and Google sign in, then link the Firebase project and configure the signup and login flow.

Add a dark mode toggle in Flutterflow and wire it to set dark mode settings. Test the toggle within settings and detail pages.

Create a movie post collection in flutterflow with fields like title, description, year, photo path, video path, and category; connect cards to a details page by passing data.

Build a create post flow in Flutterflow by constructing a create post page, wiring navigation to a post feed, and storing posts—title, description, image, date, and author—into a backend collection.

Learn to create a post in Flutterflow with a Firebase backend, enable email/password authentication, deploy and test, and refine the search page and post list.

Learn how to build a user profile in Flutterflow: collect nickname, display name, email, and bio during signup, save them to the backend, and implement photo upload with Firebase storage.

Upload and persist profile images by configuring Firebase storage and a Firestore photos collection, linking image paths to documents and displaying uploaded images across pages.

Build a search page in Flutterflow by wiring a text field to query a collection and display results in a list, using app state and conditional visibility.

Master responsive design by constraining containers with max width, centering content, and applying colors for light and dark modes across the home and profile pages on mobile, tablet, and desktop.

Launch into Flutterflow by creating a new project from scratch to build a to-do app, exploring the default home page and navigation tools.

Learn to design a Flutterflow home page by styling the navbar, setting elevation and height, adding a search field, and building a dynamic task list with a ListView and proper spacing.

Explore flutterflow home page design by styling rows and columns, applying gradient backgrounds, borders, shadows, and aligned text, then configuring search text fields and navigation to a detail page.

Build todo details page in Flutterflow by adding a floating add button on the home screen to navigate to the create page and display dated todos in a styled list.

Design a create tasks page in FlutterFlow by building a gradient header, wrapping content in containers, adding seven fields for day, date, and five tags, then a Firebase-backed create button.

Learn to design an edit tasks page by duplicating the create page, updating text and dates, naming the widget, and saving changes back to Firestore.

Create a reusable menu component in Flutterflow by building a widget tree with a container, column, and row to display icon and text for settings, about us, and log out.

Design a delete page with a confirm delete popup, a responsive container, and center-aligned congratulatory text; enable users to confirm deletion or dismiss the popup and return home.

Design authentication pages, including sign in, sign up, and forgotten password, using templates and tab bar navigation. Connect these pages to the backend to collect user data and create accounts.

Enable and configure Firebase authentication in Flutterflow to securely sign in, sign up, and manage user assets, then test end-to-end login flows.

Create the user and to-do base collections, auto-generate schemas, and deploy firestore rules; then query and bind list view, and navigate to a detail view by passing a document reference.

Enable create documents from Firestore in Flutterflow, set the collection, connect fields from variables, and implement backend actions. Display a snack bar on success and navigate back to home.

Build an edit page in Flutterflow by passing a document reference, reading data on load, binding form fields, and updating the document on save.

Learn to implement a reset password flow by sending a forgotten password email from the authentication page and by adding a delete documents action with a confirmation bottom sheet.

Explore testing a Flutterflow app by creating an account, managing tasks and tags, editing items, and integrating a bottom sheet, search bar, and basic navigation.

Implement search functionality in a Flutterflow app by adding an app state boolean, wiring a simple search across documents by date and day, enabling autocomplete and conditional visibility of results.