Flutter Educational App | Exam | Study | App With Backend Tutorial Complete Firebase App
58.2 هزار بار بازدید -
2 سال پیش
-
Flutter Educational app tutorial with
Flutter Educational app tutorial with backend which is also like a student or study app or text or examp app. It's not just UI, it also includes backend with for submitting data and retrieving data from firebase. We covered basic to advanced firebase topics like storing data, retrieving data, firebase batch operation, image uploading.
This study app is like a quiz app which covers taking test or exam. This app keeps the record of each user and submits data to firebase along with exam score.
part 2
Flutter Firebase Master Class Tutoria...
👉📕Take the course on Udemy how to build a Chatting App
https://www.udemy.com/course/flutter-...
👈
Flutter BLoC Complete App
https://www.dbestech.com/tutorials/fl...
More about the app find here
https://www.dbestech.com/tutorials/fl...
You must know collections and sub-collections in detail
Get All Documents in Collection and S...
Difference between Get.offAllNamedUntil() and Get.offAllName()
https://learnflutter.co/difference-be...
Understand the timer better here
Flutter Timer App | Countdown App Getx
Pass data to controller as you navigate to a new screen
Getx Pass Data to Controller As Navig...
Commit firebase batch operation
Firestore Commit Batch Operation | Wr...
Buy a Macbook like me as I am using
https://amzn.to/3PsdUHW
Twitter @dbestech
Instagram @dbestech
What's app @dbestech
LinkedIn @dbestech
0:00:00 Introduction to flutter educational app
0:02:50 Continue from part 1
0:03:00 App buildup steps explained in detail
0:05:13 create a new folder in search screen called question
0:05:51 create a stateless widget QuestionScreen and import necessary dependencies
0:06:53 create a static variable in QuestionScreen
0:09:44 Define QuestionScreen in app_routes.dart file and restart app
0:10:43 Work on background for QuestionsScreen
0:12:50 Work on BackgroundDecoration widget
0:15:05 use positioned widget in
widget and import necessary library
0:16:10 use bool function to create optional parameter to change color
0:25:52 create a new path and add necessary parameter
0:31:21 Change stateless controller in Question_Screen.dart file to Getview and import QuestionController
0:33:45 Add binding builder to controller in app_routes.dart using Get dependencies and restart app on emulator
0:46:50 create a new method query snapshot in Question_app_model.dart file
0:57:20 call an if statement function to check if paper is empty or present
1:01:35 Work on question_paper_controller.dart file
1:02:26 create a loadingStatus variable and call it in question_controller.dart file
1:07:28 create an RNX variable in question_controller.dart file
1:11:10 Wrap column widget with expanded widget and import necessary library
1:14:16 Add shimmer dependency to pubspec.yml file
1:16:57 Return shimmer effect by importing shimmer library
1:19:22 call easy_seperated column in question_place_holder.dart file and import necessary library
1:22:00 work on shimmer in question_place_holder file
1:28:39 create a widget AnswerCard and configure necessary dependency
1:35:28 create a method answerselectedcolor in app_colors.dart
1:45:46 create a new method SelectedAnswer in Question_controller.dart file
1:47:00 make changes to question_screen.dart file
1:56:30 create a getter in QuestionController
1:59:53 call ColouredBox widget in Question_card.dart file and input necessary parameter
2:03:20 set up color using get function
2:06:10 create a new section to call new question in question_screen.dart file
2:09:46 create a new function prevQuestion (){} in question_controller.dart
2:10:58 refresh app on emulator
2:16:17 create a new stateless class customAppBar and implement preferedSized
2:19:22 work on CustomAppBar
2:24:24 set up a new style format in custom_text_style.dart file
2:52:48 Restart App on emulator
2:55:16 make changes in question question_controller.dart file
2:59:41 call countDownTimer widget in QuestionScreen class
3:03:20 call CountDownTimerTs method in question_screen.dart file
3:05:00 update code in custom_AppBar fileand restart app on emulator
3:07:34 Inject TextOverViewScreen into app_route.dart file
3:12:23 Restart App on emulator
3:15:48 Create a new getter competedTest and inject necessary parameter
3:39:00 use switch statement in QuestionNumberCard widget for conditional check
4:00:53 create a method complete(){} in question_cintroller.dart file
4:07:10 create a route page for ResultScreen and restart App on emulator
4:15:07 Restart App on emulator
4:24:49 Create a getter Points to calculate scores/points
4:40:00 Wrap Text around obx function
4:58:10 call If statement to check the functions correctAnswer, SelectedAnswer and WrongAnswer
5:07:30 work on answer_check_screen.dart file
5:13:00 Update code in ResultScreen class
5:24:20 Transfer saveTestResult function to question_controller_extension.dart file and import dependencies
This study app is like a quiz app which covers taking test or exam. This app keeps the record of each user and submits data to firebase along with exam score.
part 2
Flutter Firebase Master Class Tutoria...
👉📕Take the course on Udemy how to build a Chatting App
https://www.udemy.com/course/flutter-...
👈
Flutter BLoC Complete App
https://www.dbestech.com/tutorials/fl...
More about the app find here
https://www.dbestech.com/tutorials/fl...
You must know collections and sub-collections in detail
Get All Documents in Collection and S...
Difference between Get.offAllNamedUntil() and Get.offAllName()
https://learnflutter.co/difference-be...
Understand the timer better here
Flutter Timer App | Countdown App Getx
Pass data to controller as you navigate to a new screen
Getx Pass Data to Controller As Navig...
Commit firebase batch operation
Firestore Commit Batch Operation | Wr...
Buy a Macbook like me as I am using
https://amzn.to/3PsdUHW
Twitter @dbestech
Instagram @dbestech
What's app @dbestech
LinkedIn @dbestech
0:00:00 Introduction to flutter educational app
0:02:50 Continue from part 1
0:03:00 App buildup steps explained in detail
0:05:13 create a new folder in search screen called question
0:05:51 create a stateless widget QuestionScreen and import necessary dependencies
0:06:53 create a static variable in QuestionScreen
0:09:44 Define QuestionScreen in app_routes.dart file and restart app
0:10:43 Work on background for QuestionsScreen
0:12:50 Work on BackgroundDecoration widget
0:15:05 use positioned widget in
widget and import necessary library
0:16:10 use bool function to create optional parameter to change color
0:25:52 create a new path and add necessary parameter
0:31:21 Change stateless controller in Question_Screen.dart file to Getview and import QuestionController
0:33:45 Add binding builder to controller in app_routes.dart using Get dependencies and restart app on emulator
0:46:50 create a new method query snapshot in Question_app_model.dart file
0:57:20 call an if statement function to check if paper is empty or present
1:01:35 Work on question_paper_controller.dart file
1:02:26 create a loadingStatus variable and call it in question_controller.dart file
1:07:28 create an RNX variable in question_controller.dart file
1:11:10 Wrap column widget with expanded widget and import necessary library
1:14:16 Add shimmer dependency to pubspec.yml file
1:16:57 Return shimmer effect by importing shimmer library
1:19:22 call easy_seperated column in question_place_holder.dart file and import necessary library
1:22:00 work on shimmer in question_place_holder file
1:28:39 create a widget AnswerCard and configure necessary dependency
1:35:28 create a method answerselectedcolor in app_colors.dart
1:45:46 create a new method SelectedAnswer in Question_controller.dart file
1:47:00 make changes to question_screen.dart file
1:56:30 create a getter in QuestionController
1:59:53 call ColouredBox widget in Question_card.dart file and input necessary parameter
2:03:20 set up color using get function
2:06:10 create a new section to call new question in question_screen.dart file
2:09:46 create a new function prevQuestion (){} in question_controller.dart
2:10:58 refresh app on emulator
2:16:17 create a new stateless class customAppBar and implement preferedSized
2:19:22 work on CustomAppBar
2:24:24 set up a new style format in custom_text_style.dart file
2:52:48 Restart App on emulator
2:55:16 make changes in question question_controller.dart file
2:59:41 call countDownTimer widget in QuestionScreen class
3:03:20 call CountDownTimerTs method in question_screen.dart file
3:05:00 update code in custom_AppBar fileand restart app on emulator
3:07:34 Inject TextOverViewScreen into app_route.dart file
3:12:23 Restart App on emulator
3:15:48 Create a new getter competedTest and inject necessary parameter
3:39:00 use switch statement in QuestionNumberCard widget for conditional check
4:00:53 create a method complete(){} in question_cintroller.dart file
4:07:10 create a route page for ResultScreen and restart App on emulator
4:15:07 Restart App on emulator
4:24:49 Create a getter Points to calculate scores/points
4:40:00 Wrap Text around obx function
4:58:10 call If statement to check the functions correctAnswer, SelectedAnswer and WrongAnswer
5:07:30 work on answer_check_screen.dart file
5:13:00 Update code in ResultScreen class
5:24:20 Transfer saveTestResult function to question_controller_extension.dart file and import dependencies
2 سال پیش
در تاریخ 1401/07/13 منتشر شده
است.
58,225
بـار بازدید شده