
Learn to build a traveling mobile app without coding using FlutterFlow, with a free Figma design, and add features like shareable trip links, QR codes, and an admin panel.
Design a travel app front end without coding using FlutterFlow, building onboarding screens from a splash page, using page view, components, and assets from Figma designs.
Learn to build a register and forgot password flow in flutterflow, creating email and password fields, a remember me option, sign in and create account buttons, and social login icons.
Build the app’s home page by constructing a dashboard with a greeting, search bar, category filters, and horizontal destination cards in FlutterFlow, focusing on responsive layouts and widget composition.
Create a front-end development trip location preview page by reusing components, arranging widgets with rows, stacks, and containers, and implementing a full description with images, ratings, and a booking button.
Build a trip location full preview page in FlutterFlow by reusing components to assemble a map, gallery, ratings, and trip details.
Build a search page in FlutterFlow by creating and styling search screens and reusing home components for a streamlined destination search user interface.
Develop the category page by duplicating and editing components, adjusting icons and search elements, and restructuring the widget tree for a cohesive FlutterFlow front-end experience.
Learn to build a booking section in a FlutterFlow travel app, with a date picker pop-up, start and end dates, and a payment method panel including Mastercard and Stripe.
Design and assemble travel app frontends in FlutterFlow, building my trips and wish list screens with reusable components, containers, icons, dates, and a user profile with notifications and logout.
Create a reusable bottom navigation component in flutter flow, using app state booleans to control home, my trip, wish list, and profile with conditional visibility and on page load setup.
Learn to set up a Firebase project, connect it to Flutter Flow, enable authentication and Firestore storage, and implement signup, login, and onboarding flows for a traveling mobile app.
Learn backend development for a travel app built with flutterflow by implementing user authentication, photo handling, favorites, and database schemas (destinations, categories, popular) with queries.
Develop backend for a travel app by implementing favorites and popular destinations, trip location previews, and a booking flow with parameter passing and Firestore integration.
Build backend for a travel app by using a CMS to add destinations, connect Stripe payments, manage app state for payment methods, and handle Firestore data for bookings.
Build the backend for trip location full preview and reviews by configuring destination documents, images, and a reviews collection, querying and counting reviews with destination filters in FlutterFlow.
Learn backend development by building destination search in FlutterFlow, implementing search active state, autocomplete, and dynamic search results from destination documents.
Advance backend development by implementing last searches and dynamic search results, add category filters, manage app state for search active and category, and navigate to trip previews.
Build a user-specific bookings list in FlutterFlow by querying bookings for the authenticated user, showing trip names, prices, start and end dates, with a scrollable UI and local date persistence.
Learn to implement search and a wishlist in a FlutterFlow travel app by configuring simple searches for trips, app state, and favorites using authenticated user references.
Learn to build and manage user profiles in a FlutterFlow app, including a logout bottom sheet and an update profile form with name, address, and gender, backed by Firebase.
Learn to add a bottom navigation across pages in FlutterFlow, adjust the top bar, and define navigation to home, trips, wish list, and profile; plus create a Firestore notifications collection.
Implement null error fixes by showing a bottom sheet prompting users to update their profile on login, shown only when the Firestore profile completed is false.
Publish your Flutter Flow app to the web with SEO title, favicon, and social image; view and download the code and APK, noting that some features require a paid plan.
Learn to integrate Stripe as the payment gateway in a Flutter Flow app by obtaining API keys, setting publishable and secret keys, and configuring merchant country code and display name.
Learn to implement a backend development bonus feature and app fixes by adding a first-time bonus bottom sheet, app-wide bonus state, and smart booking flows in FlutterFlow.
Design an empty state screen for the travel app with an animation and clear message when no records exist, and enable conditional visibility based on counts.
Build a travel app admin panel with authentication and a side navigation in FlutterFlow. Route admins to the admin dashboard and users to the home dashboard using app states.
Build and refine the admin panel dashboard, counting users, destinations, and bookings with Firestore queries, and enable admin actions like logout and destination creation with image uploads.
Learn to fix admin panel layouts in a FlutterFlow-backed travel app by applying container wrapping, fixed widths, and padding to align users, destinations, and bookings tables.
This course teaches you how to build a fully functional traveling mobile app without coding using Figma, FlutterFlow, and Firebase. This course is for students, entrepreneurs, business owners, and early-stage startup founders who want to understand how to build mobile and web apps without coding.
In this course you will learn the following things:
- You will learn how to convert UiUx designs in Figma into Frontend in FlutterFlow very easily
- You will learn to implement features like search, filter, payment, conditional actions, app states, local states, etc.
- You will learn how to use Firebase for storage, authentication, etc.
- You will understand how to create security rules for your database to avoid hacks.
- You will also learn how to easily get UiUx design templates that you can use in building your projects.
- You will learn how to make your mobile app mobile responsive across different mobile devices (Android and iOS)
- You will learn tricks and hacks to make your app load faster and propagate information more easily
- You will learn how to create components from scratch while build your apps
This course offers you the opportunity to ask questions where you have issues and that means you will be able to learn even more things from asking questions and reading the responses given to the questions of other learners.
Congratulations in advance.