Build a Quiz Maker App with Flutter & Firebase Part 1/3 | Flutter Tutorial For Beginners
In this series of episodes, we are going to learn how to create a Quiz Maker App with Flutter, from scratch and I will explain step by step to make sure you understand it all.
● Full PlayList: • Build a Quiz Maker App with Flutter
● source code: github.com/theindianappguy/quizmakerapp
-------------------------
📙 Join 5-Day Flutter Bootcamp for Beginners
https://flutternerd.com/free-training
-------------------------
📕 Things covered in this video:
Creating Ui design Flutter
Understanding Material Widgets and it's properties
Navigation in Flutter with Navigator
Connecting Flutter App to Firebase For Both Android & IOS
Fixing Multidex problem android
If you are a beginner with flutter I highly encourage you to follow along because you are going to learn how to put all the small pieces together and build a real-world app
🕐 00:00 Introduction App Features includes sign in, sign up, create a quiz, add question & play quiz
🕐 04:45 Creating flutter projects
Flutter project can be created in multiple ways I created directly from the terminal (cmd for windows) then opened it in android studio
It can also be directly created in android studio click on Start new flutter project OR File - NEW - New Flutter Project…
🕐 06:54 Setting up the Project
Creating a folder view and then creating signing.dart, signup.dart and home.dart
🕐 08:46 Creating Sign In & Sign Up Screen
We will learn about different material widget
Scaffold, app bar, container, column, rich text, and more….
Learn how to Navigate from on-screen to other and different navigation option and which one to use when
🕐 35:45 Implementing Sign In & Sign Up with Firebase
Create an account with Firebase and click on add project provide name and continue, we will create folder services and create a file auth.dart where we will create functions to sign in and sign up make sure to have added firebase auth dependency
🕐 39:41 Connect Flutter App with Firebase For Android
🕐 42:08 Connect Flutter App with Firebase For IOS
🕐 45:02 Implementing Sign In And Sign Up
Creating Functions for Sign In And Sign Up in auth.dart in services folder then using them inside signin.dart and signup.dart
Implementing Navigation once successful SignIn or SignUp
Using Form, Text Form Field with validation
🕐 01:03:48 Fixing Multidex Problem for Android Device
🕐 01:11:52 Implementing Home Screen and Firebase Cloud Firestore
If this helps make sure to share it with friends and colleagues who will benefit from this
More tutorials you may like
○ Build a Wallpaper App with Flutter: • Build a Wallpaper App with Flutter | Flutt...
○ Build a Recipe App with Flutter: • Build a Recipe App with Flutter | Flutter ...
○ Build a Flutter News App with NewsApi Org: • Build a Flutter News App with NewsApi Org ...
🔥 Subscribe for more: / @indianappguy
Have questions/queries? 💬 Comment below I will be happy to help
Go to my website for more information, code examples, and articles:
● http://flutternerd.com
Follow me on social media:
● / indianappguy
● / lamsanskar