Build an Online Learning Mobile App with FlutterFlow

Learn frontend development for an online learning app using Flutter Flow, building a login and sign up screen from a Figma design, and structuring UI with columns, rows, and gradients.

Build the user profile screen for the online learning app with FlutterFlow, featuring a circle profile image with an edit overlay and settings like account security and email notifications.

Build the search course screen in FlutterFlow by turning a blank page into an explore view with a text field, trailing search icon, and gradient category buttons.

Create and customize a cart page for the online learning app using FlutterFlow. Copy, paste, and arrange containers, columns, rows, and list items with save-for-later and a gradient button.

Build a course details screen in flutterflow, arranging image and text with containers and gradients, and adding interactive elements like show more and an add-to-cart button.

Design a course playlist in FlutterFlow for an online learning mobile app, integrating a YouTube player and dynamic course lists via a database.

Learn backend setup with Firebase in Flutter Flow, enabling email/password and Google sign-in, configuring authentication, Firestore database, storage, and user display name in the login/signup flow.

Explore how to build a flutter flow backend dashboard for an online learning app by creating a courses collection, querying with list view, and rendering network images and course details.

Learn to build a backend driven author profile in flutterflow by querying user data, passing a user document, and presenting author details and courses.

Learn to implement a cart in a FlutterFlow online learning app: add courses to a persisted app state cart, view items with details, save for later, and prepare for checkout.

Learn to integrate stripe payment in a FlutterFlow app, configure publishable and secret keys, enable test payments, and set Firebase blaze plan and cloud function admin and account user roles.

cover the orders feature by integrating Stripe payments, creating Firestore order documents with a courses list and buyer email, and querying orders for the authenticated user.

Build a course playlist comment system with Firestore in FlutterFlow, creating comments with user and course references, enabling replies and backend posting and updates.

Explore Firestore rules in the FlutterFlow backend, configuring read, write, and delete permissions for users, courses, orders, and comments, and deploy updated rules to keep the app functioning.

View the code that runs your FlutterFlow app, download the project code and APK, and clone the application. Access to these features requires a premium FlutterFlow subscription.

Learn to implement a FlutterFlow search by querying the courses collection, using onchange text field actions, document search, and conditional visibility with app state to show real-time results.

Learn to update course details in your FlutterFlow app using the CMS and Firestore, including adding and editing documents for course rating, price, image, teacher, level, and link.