Flutter 2.2 & Firebase, build a complete app from scratch

Flutter 2.2 work OS app for companies using Flutter with Firebase

What you will learn

This Flutter course a complete guide that helps in learning and building a fully functioning Flutter application with Firebase.

Teaching how to write Clean-code and avoid Boilerplate code

This course you how to make new designs and styles for your App

Introduce new widgets and how to use them correctly

Streams and FutureBuilder usage

Firebase Firestore and Authentication


Course prerequisites:

  • Basic knowledge in programming to get started
  • Basic knowledge in Flutter
  • Concepts are explained clearly. You will always learn what you’re building and why, and then how to do it.

How this course can be of help:

  • Gaining more knowledge in Flutter and firebase
  • Learn how to build fully functional apps and publish it to the playstore

What’s in the course:

  • Complex UI done simply
  • State management
  • Firebase
  • Clean-code and avoid Boilerplate code
  • Styles for UI
  • State Management: setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier
  • Navigation
  • Dart
  • Forms, input handling and validation
  • Managing and updating packages
  • Databases and Cloud Firestore
  • ListViews and multiple UI states
  • Firebase Authentication
  • Firebase Firestore
  • Firebase Storage
  • Dart Programming Language – Fundamentals and intermediate topics
  • How to understand Flutter Mobile Development by building apps incrementally.
  • How to design, build, debug Flutter Android and iOS Apps
  • How to get Flutter apps to communicate with a realtime database – Firestore
  • How to build robust apps with Flutter
  • Flutter AppBar
  • Flutter Material Design
  • Flutter Row and Column
  • Flutter ListView Builder

Course structure:

approximately 10 hours of content and updated regally 


  • Windows application development
  • Mac application development
  • Access to a computer with an internet connection.
  • and you are ready for the journey
  • Love learning about applying cutting-edge algorithms to practical cases!

What Should I Expect After this Course?:

  • The ability to build any application using Flutter and Firebase. You will be an expert.
  • New information regarding Flutter

Note that the course build on windows, so I didn’t have a chance to cover the IOS configurations! But feel free to ask anything about it. I will be there to help.



What is Flutter? And what is the Firebase?
App overview
Udemy courses by me, and suggestions for you
My Youtube channel
Set up the app
Project on Github
Create a new project and set up our up theme
Implement the app UI
Implement the animated background in the login screen
Finish the login screen design
Implement the Signup screen
Allow the user to navigate between Text Field using keyboard button (FocusNode)
Implement the forget password screen
Implement the main screen design
Change the drawer Icon color and Icon Data
Implement the delete task dialog
Implement the filter dialog design in the main screen
Implement the drawer header, add a constant class and explain what static means
Add the drawer body
Implement the sign out dialog design
Implement the add task screen design
Add the drawer in the add task screen
Implement the task category dialog in the add task screen
Implement the choose date dialog
Fix a null error if no date is picked
Implement the all registered workers screen
Create the user profile screen UI
Change the sign up screen design and add more widgets to it
Implement the image picker dialog
Implement the image picker functions
Implement the image cropper function
Start implementing the task details screen
Animated switcher to add a comment
Implement the comment widget design
Add dynamic border color for the commenter profile image
Send message via whatsapp
Send an email from the app
Open contact dialer app to allow the user to reach other workers numbers
What is Firebase?
Connect our app to Firebase
Get started with Firebase Auth
Initialize the Firebase app to fix the Firebase initialization error
Allow the users to Signup using Email and Password
Errors handling
Allow the users to login
Error Handling from one dart class only
Show different screens wether the user is signed in or not
Implement the sign out method and code improvement
What is Firebase Firestore
Save extra user data on the cloud Firestore
Upload user image to the Firebase storage and save the link in the Firestore
Fetch the user data and display it in the profile screen
Show the correct data for each user in the profiel screen
Start fetching all the workers from the Firebase Firestore
Display the correct data for each worker
Check if this is the same logged in user in the profile screen
Start with uploading task to the Firestore database
Generate a dynamic unique ID for each task
Add a spinner and show a toast
Handle empty task category and empty deadline date
Clear the form
Fetch the tasks from the Firestore
Allow only the task uploader to delete the task
Start fetching the task details
Allow the uploader to change task state if done or not done and other improv
Implement the Post a comment method ( write its function )
Start fetching the comments from the Firestore
Display the comments on the screen
Allow the users to visit commenters profile
Extra contents
Bonus contents

The post Flutter 2.2 & Firebase, build a complete app from scratch appeared first on StudyBullet.

Check Today's 30+ Free Courses on Telegram!

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock