Build a Quiz Maker App with Flutter & Firebase Part 1/3 | Flutter Tutorial For Beginners
Sanskar Tiwari
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: youtube.com/playlist?list=PLBxWkM8PLHcpwZRAHN--L8aZ2UUkJA-SD ● 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: https://youtu.be/EKdAU3l_0gA ○ Build a Recipe App with Flutter: https://youtu.be/VTR5HpRfS0A ○ Build a Flutter News App with NewsApi Org: ht ... https://www.youtube.com/watch?v=tDagLFJNXxw
270631709 Bytes