FlutterFlow Masterclass (Batch 2)
- Description
- Curriculum
- Reviews
This masterclass is designed as a guided, live learning experience where you build real mobile applications step by step using FlutterFlow. Instead of pre-recorded videos, the focus is on live instruction, practical implementation, and real-time problem solving, supported by structured recordings for revision and catch-up.
Whether you attend every live session or occasionally rely on recordings, the course is structured to ensure you never fall behind and always have access to the full learning material.
The emphasis is on hands-on app development, best practices, and understanding how modern no-code/low-code workflows are used in real projects.
What You’ll Learn
-
FlutterFlow fundamentals and professional workflows
-
UI design, layouts, and responsive app screens
-
Navigation, state management, and app logic
-
Firebase backend integration (Auth & Firestore)
-
API integration and external services
-
Media handling, animations, and UX improvements
-
AI integrations and automation basics
-
Testing, deployment, and scaling apps
Live Classes
-
Live sessions are conducted via Google Meet
-
Classes are interactive, with live implementation and Q&A
-
Session timings are fixed and shared in advance
-
Students from different time zones may attend the session that works best for them
Recorded Sessions
-
Every live class is recorded
-
Recordings are uploaded to this course portal on the same day or within 24 hours
-
Recordings are available only to enrolled students
-
Access is provided through your registered account
-
Recordings are for personal learning only and must not be shared or redistributed
-
1
Day 1Topics Discussed:
- FlutterFlow Introduction
- Dashboard and Interface
- Project Setup
-
2
Day 2
Topics Discussed:
- Basic Layout Elements
- Padding & Alignment
-
3
Day 3
Topics Discussed:
- Properties Panel
- Text Element and Properties
- Remaining Layout Elements
- Preview Mode
-
4
Day 4
Topics Discussed:
- All Widgets Explained
-
5
Day 5
Topics Discussed:
- Sample UI Design Build
-
6
Day 6
Topics Discussed:
- Sample UI Design (Contd...)
-
7
Day 7
Topics Discussed:
- Actions - Introduction
- Navigation
- Passing Parameters
- Variables/Dynamic Content in Properties
-
8
Day 8
Topics Discussed:
- Navigation Bar
- Drawers
- Components
-
9
Day 9
Topics Discussed:
- State Variables (Local & App)
- State Management
- Conditional Visibility
-
10
Day 10
Topics Discussed:
- Forms & Validation
-
11
Day 11
Topics Discussed:
- Actions
- Conditional Actions
- Loop Actions
- Database Introduction
-
12
Day 12
Topics Discussed:
- Firebase Introduction
- Project Setup
- Collection Creation
- Content Management
-
13
Day 13
Topics Discussed:
- Backend Data Creation
- Read Data from Backend
-
14
Day 14
Topics Discussed:
- CRUD
(Create, Read, Update, Delete)
- CRUD
-
15
Day 15
Topics Discussed:
- CRUD Continued
- Soft Delete Concept
-
16
Day 16
Topics Discussed:
- Reusability
- Multi-use Component
-
17
Day 17
Topics Discussed:
- Search
- Empty List Widget
-
18
Day 18
Topics Discussed:
- Authentication
- Phone Login
-
19
Day 19
Topics Discussed:
- Email Authentication
- Accessing Authenticated User Fields
-
20
Day 20
Topics Discussed:
- Animations
- API Calls
-
21
Day 21
Capstone Project Status:
- Introduction
- Requirements Listed
- Workspace Setup
- Login & Register Pages
-
22
Day 22
Capstone Project Status:
- Firebase Project Created
- Collections Created
- Authentication Completed
-
23
Day 23
Capstone Project Status:
- Firebase Storage
- Add Product Form with Image Upload
-
24
Day 24
Capstone Project Status:
- Added All Products Section in Home Page
-
25
Day 25
Capstone Project Status:
- Cart Implemented
- Firebase Storage - Image CORS Policy
CORS Policy Command:
gsutil cors set cors.json <firebase-storage-path> -
26
Day 26
Capstone Project Status:
- Cart Page
- Cart Total Calculation
-
27
Day 27
Capstone Project Status:
- Order Creation
- Payment Gateway Introduction
-
28
Day 28
Capstone Project Status:
- Access Roles
- Order Details & Management
-
29
Day 29
Capstone Project Status:
- Payment Integration
- Download Code
- Download & Install APK
-
30
Day 30
Capstone Project Status:
- Firestore Security Rules
- Custom Functions
- Local Run Setup (Physical + Virtual)
NOTE: Please watch the additional Video also - added as course material.
A hands-on FlutterFlow course focused on building real mobile apps - from UI design and logic to Firebase, APIs, AI integration, and deployment.
A laptop or desktop computer
(Windows or macOS)
Stable internet connection for live sessions
A Google account (required for Live Sessions)
Basic understanding of how mobile apps work
(no coding required)
