filmov
tv
Flutter Educational App | Exam | Study | App With Backend Tutorial Complete Firebase App

Показать описание
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
👉📕Take the course on Udemy how to build a Chatting App
👈
Flutter BLoC Complete App
More about the app find here
You must know collections and sub-collections in detail
Understand the timer better here
Pass data to controller as you navigate to a new screen
Commit firebase batch operation
Buy a Macbook like me as I am using
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: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:57:20 call an if statement function to check if paper is empty or present
1:11:10 Wrap column widget with expanded widget and import necessary library
1:16:57 Return shimmer effect by importing shimmer library
1:22:00 work on shimmer in question_place_holder file
1:28:39 create a widget AnswerCard and configure necessary dependency
1:56:30 create a getter in QuestionController
2:03:20 set up color using get function
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:52:48 Restart App on emulator
2:59:41 call countDownTimer widget in QuestionScreen class
3:05:00 update code in custom_AppBar fileand restart app on emulator
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: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:13:00 Update code in ResultScreen class
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
👉📕Take the course on Udemy how to build a Chatting App
👈
Flutter BLoC Complete App
More about the app find here
You must know collections and sub-collections in detail
Understand the timer better here
Pass data to controller as you navigate to a new screen
Commit firebase batch operation
Buy a Macbook like me as I am using
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: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:57:20 call an if statement function to check if paper is empty or present
1:11:10 Wrap column widget with expanded widget and import necessary library
1:16:57 Return shimmer effect by importing shimmer library
1:22:00 work on shimmer in question_place_holder file
1:28:39 create a widget AnswerCard and configure necessary dependency
1:56:30 create a getter in QuestionController
2:03:20 set up color using get function
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:52:48 Restart App on emulator
2:59:41 call countDownTimer widget in QuestionScreen class
3:05:00 update code in custom_AppBar fileand restart app on emulator
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: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:13:00 Update code in ResultScreen class
Комментарии