• FlutterFlow কী? কেন ব্যবহার করবো?
  
  
• Flutter vs FlutterFlow (Basic ধারণা)
  
  
• FlutterFlow Dashboard পরিচিতি
  
  
• FlutterFlow এ ফ্রি অ্যাকাউন্ট তৈরি করা
  
  
• FlutterFlow Project Create করা
  
  
• UI Editor, Widget Tree, Preview বোঝা

• Page, Widget Tree, AppBar, Scaffold বোঝা
  
  
• FlutterFlow এর Layout অংশ বোঝা
  
  
• প্রথম Page design করার প্র্যাকটিস
  
  
• Screen Navigation বোঝা (next page, back page)
  

•  
• Container ও এর Styling (color, padding, margin)
  
  
• Alignment ও Positioning
  
  

Practical Task: Simple layout বানানো Row+Column+Container দিয়ে

• Text widget (Style, Alignment, Weight, Size)
  
  
• Image widget (from asset, URL)
  
  
• Button (Normal Button, Icon Button)
  
  
• Button এ Action যুক্ত করা (Toast / Navigate)

• Spacer Widget
  
  
• ListView এর ব্যবহার:
  
  
  • Static ListView
    
    
  • Horizontal Scroll যুক্ত ListView
    
    
  • Vertical Scroll যুক্ত ListView
    
    
• Column এর ভিতরে Scrollable ListView তৈরি
  
  

Practical Task: Static Task List তৈরি করা ListView দিয়ে

• TextField / TextFormField এর ব্যবহার
  
  
• Label, HintText, Validation concept
  
  
• Checkbox, Switch বোঝা
  
  
• Form বানানোর নিয়ম
  
  

Practical Task: Simple Task Input Form তৈরি করা

• Color, Padding, Margin, BorderRadius
  
  
• BoxShadow, Elevation
  
  
• Font Styling (Google Fonts support)
  
  
• Responsive design intro (Mobile view focus)
  
  
• Reusable Component তৈরি (Reusable Task Card)

• Login Page UI:
  
  
  • Email Field, Password Field, Login Button
    
    
• Register Page UI:
  
  
  • Name, Email, Password Field, Register Button
    
    
• Navigation: Register → Login → Home
  
  
• Validation Logic (Local)
  
  
• Show Password toggle
  

• AppBar, Bottom Navigation Bar
  
  
• Task Card UI design (Title, Date, Status)
  
  
• Floating Action Button (FAB) → Add Task Page navigation
  
  
• Static data দিয়ে ListView-তে Task দেখানো
  
  
• Conditional Color বা Status badge

• Firebase Console পরিচিতি
  
  
• Firebase Project তৈরি করা
  
  
• FlutterFlow এর সাথে Firebase Connect করা
  
  
• Authentication enable (Email/Password)
  
  
• Firestore enable

• Register Page → Firebase Auth Integration
  
  
• Login Page → Firebase Login Setup
  
  
• Error message দেখানো
  
  
• Logged-in user → Home Page redirect
  
  
• Auth State Management বোঝানো (IsLoggedIn/IsLoggedOut)
  

• Add Task Form:
  
  
  • Title, Description, Due Date Picker
    
    
  • Priority Dropdown / Checkbox
    
    
• Submit Button → Firestore Data Save করা
  
  
• Success Dialog / Clear Form Logic
  
  
• Firestore Collection: tasks
  

• Firestore থেকে Task data fetch করা
  
  
• Logged-in user এর Task-ই দেখানো (Filtering by UID)
  
  
• Real-time Task দেখানো ListView-তে
  
  
• Task Card design → Firestore থেকে data bind
  

• Edit Page Design (Pre-filled form)
  
  
• Task Edit → Firestore Document Update
  
  
• Delete Button → Confirmation Dialog → Delete from Firestore
  
  
• Task Status Toggle (Complete/Incomplete)
  
  
• Final Touch (UI Polish)