1
00:00:00,120 --> 00:00:04,920
Pistol creator both set up from GSX and close off all the other components of the app.

2
00:00:06,450 --> 00:00:09,480
Now for this application, we won't be writing CSIS.

3
00:00:09,600 --> 00:00:16,170
I have already provided the code of CSIS, I want you to go ahead and copy this entire code and then

4
00:00:16,170 --> 00:00:17,640
hector your index notices.

5
00:00:19,540 --> 00:00:25,210
And pasted over here, and since this is an application that requires a lot of success, therefore we

6
00:00:25,210 --> 00:00:30,010
want to be actually writing courses manually, I have provided with the code to just come over here

7
00:00:30,010 --> 00:00:30,610
and be.

8
00:00:31,240 --> 00:00:35,770
And since this is a reactor, I feel like as if you must, you must be quite familiar with the ISS.

9
00:00:36,280 --> 00:00:42,220
So now had to set up phone and the first thing that we're doing here is create a home, so create a

10
00:00:42,220 --> 00:00:44,410
constant and name into the phone.

11
00:00:57,580 --> 00:01:02,710
And this is going to be an era of action now, put up a written statement.

12
00:01:04,610 --> 00:01:09,550
And inside this written statement, we're going to have a mean as a parent class, so create meaning

13
00:01:09,550 --> 00:01:10,430
and a closing mean.

14
00:01:13,310 --> 00:01:18,920
Now inside this morning, we're going to have a section, so let's create a section now and give it

15
00:01:18,920 --> 00:01:22,160
a class name of equal to Quest Quest Small.

16
00:01:30,020 --> 00:01:35,840
All right, so this section now closed this, and inside the section, we're going to have another property

17
00:01:36,110 --> 00:01:39,500
or another field of farm, so let's create a farm element now.

18
00:01:42,360 --> 00:01:47,580
Now, this form is going to have a class name or set up for so we were attacked last name request to

19
00:01:47,910 --> 00:01:48,720
set up form.

20
00:01:51,230 --> 00:01:53,230
Now, close this now.

21
00:01:53,480 --> 00:01:56,390
This form is going to contain it to tax or give it a shot.

22
00:01:57,680 --> 00:01:58,670
And inside it.

23
00:01:59,070 --> 00:02:00,110
To set up.

24
00:02:02,250 --> 00:02:02,730
Chris?

25
00:02:06,500 --> 00:02:09,230
Let me close this so you can it can be visible.

26
00:02:09,800 --> 00:02:15,230
All right, so here is our setup form and inside it, we have to tag with setup, wasn't it?

27
00:02:15,680 --> 00:02:22,130
Now right beneath it, I thought I had created this and give it a class name of some control.

28
00:02:26,900 --> 00:02:33,050
Now closed this death, and this is going to contain a label, so give it a label and a property estimate

29
00:02:33,050 --> 00:02:36,290
for which is going to be equal to amount.

30
00:02:38,070 --> 00:02:45,480
All right, so here is our estimate for the amount now, close this and put a number of questions.

31
00:02:45,930 --> 00:02:47,880
And so the labels.

32
00:02:50,560 --> 00:02:51,130
All right.

33
00:02:51,370 --> 00:02:55,390
Right beneath our label, we are going to have our input fields and its creator input, but we now.

34
00:02:58,290 --> 00:03:00,630
And give this input for a type of numbers.

35
00:03:01,500 --> 00:03:07,200
So this is going to be of type numbers, so basically this input field is to define how many questions

36
00:03:07,530 --> 00:03:10,380
does the user want in their application?

37
00:03:11,040 --> 00:03:13,680
So give it a field of number, type of number.

38
00:03:13,680 --> 00:03:18,240
I mean, and after the number, give it a name or submit so a name should be equal to amount.

39
00:03:23,890 --> 00:03:27,430
As well as that, it is going to follow the themes to give it also amount.

40
00:03:32,010 --> 00:03:36,870
All right, so we have our input for you with the type no name amount as well as our I.D. amount.

41
00:03:37,380 --> 00:03:39,930
Now after this, give it a class name.

42
00:03:43,810 --> 00:03:47,410
Which is going to be equal to and put.

43
00:03:50,050 --> 00:03:52,600
All right now, clothing and footwear with the self-closing tag.

44
00:03:53,440 --> 00:03:58,250
So this is Epperson, but we're not going to be creating a second footwear and this store would be having

45
00:03:58,900 --> 00:03:59,770
Dave of itself.

46
00:04:00,190 --> 00:04:05,740
So give it to Dave and a class name of equals to firm control.

47
00:04:09,820 --> 00:04:17,170
And this as well is going to have a label inside it, so we'll give it a label and an estimate for property.

48
00:04:17,380 --> 00:04:20,110
And this time it is going to hold the value of.

49
00:04:27,000 --> 00:04:33,780
Category and now close this and inside the label right category.

50
00:04:36,180 --> 00:04:41,400
So this is a category no company to label, and it's now creating what they.

51
00:04:42,740 --> 00:04:46,130
And this is going to contain the category of question that our users want.

52
00:04:46,190 --> 00:04:52,340
So this is going to a rather than having an input field, it is going to have a select few that use

53
00:04:52,340 --> 00:04:52,460
it.

54
00:04:52,610 --> 00:04:56,570
They will select what kind of questions they want, whether they want the political questions or the

55
00:04:56,570 --> 00:04:58,520
historic questions or the sports questions.

56
00:04:59,000 --> 00:05:03,530
So now the select is going to have a name, so give it a name of equals two category.

57
00:05:05,940 --> 00:05:09,210
As well as aid that is going to be equal to category.

58
00:05:13,060 --> 00:05:20,260
Now, close this and give this even a class name that is going to be equal to men, but.

59
00:05:22,280 --> 00:05:26,870
All right, so this select field is going to have some options, right, so let's create some options

60
00:05:26,870 --> 00:05:27,200
for it.

61
00:05:30,490 --> 00:05:34,720
Now, this option is going to hold up a value, so this value is going to be sports.

62
00:05:37,230 --> 00:05:40,950
As well as inside our options, we will be having sports.

63
00:05:42,880 --> 00:05:48,580
Now we are having three options in that application, so let's just copy this and paste it again and

64
00:05:48,580 --> 00:05:53,980
again and after sports will be having another field, or I must say another.

65
00:05:55,290 --> 00:05:56,910
John Raouf question so history.

66
00:06:00,000 --> 00:06:01,650
As well as history again.

67
00:06:05,920 --> 00:06:09,730
And we're going to have a political questions, so in our politics.

68
00:06:13,040 --> 00:06:14,480
As well as politics over here.

69
00:06:20,130 --> 00:06:24,360
All right, so here we are having three options as well as our day is being closed.

70
00:06:24,570 --> 00:06:27,420
Well, now after this day, we are going to have another day.

71
00:06:27,450 --> 00:06:28,950
So let's create another day of.

72
00:06:32,640 --> 00:06:35,790
And this day is going to be for difficulty level.

73
00:06:36,360 --> 00:06:41,220
What sort of questions are you want, whether they should be easy or difficult or medium?

74
00:06:41,790 --> 00:06:49,830
So to give this to give this debate last name of firm control as usual, and I'll close this, Dave,

75
00:06:49,830 --> 00:06:55,440
and this again is going to have a label to give this a label, and this time the label is going to have.

76
00:06:57,140 --> 00:07:00,080
Will fall, which is going to be equal to difficulty.

77
00:07:10,870 --> 00:07:15,360
Right now, the closed label and this is going to have difficulty in at.

78
00:07:19,430 --> 00:07:26,030
All right, so Benita Oliver, we are going to have another input field, so create another select regional.

79
00:07:27,420 --> 00:07:33,900
And this Iraq field is going to have a name that is going to have a name as difficulty, so give this.

80
00:07:38,630 --> 00:07:41,180
Difficulty, as well as an idea of difficulty.

81
00:07:45,200 --> 00:07:51,170
All right, so in the select, we are having a name as well as Riley and a last name off from input.

82
00:07:55,310 --> 00:07:59,720
All right, so now you close this and inside us elect, we're going to have three options.

83
00:08:01,760 --> 00:08:04,910
No, let me just copy this and paste it again three times.

84
00:08:05,940 --> 00:08:11,340
Because the number of options that we have an easy, medium and hard, so easy.

85
00:08:13,800 --> 00:08:19,260
Those questions that are easy peasy and then the medium ones and then the really difficult ones.

86
00:08:21,390 --> 00:08:21,930
Easy.

87
00:08:23,220 --> 00:08:23,760
Medium.

88
00:08:26,300 --> 00:08:27,410
As well as difficult.

89
00:08:30,850 --> 00:08:35,620
All right, so here we are, having a three inputs, no, right beneath this, they're going to have

90
00:08:35,620 --> 00:08:41,830
another paragraph element, so right outside of our lives are going to create a paragraph element.

91
00:08:44,060 --> 00:08:47,210
So this paragraph element is going to have a class name of error.

92
00:08:52,170 --> 00:08:55,490
The moment we are displaying all that we have in our application.

93
00:08:55,910 --> 00:09:02,750
But as we progress forward and when we protect projects, then is appointed time and will be conditionally

94
00:09:02,750 --> 00:09:08,600
rendering the statement such as B, as well as errors, whether they are appearing or not, and now

95
00:09:08,810 --> 00:09:11,590
inside the speed they're going to have gone.

96
00:09:15,590 --> 00:09:16,760
Generate questions.

97
00:09:27,720 --> 00:09:28,770
Please try again.

98
00:09:33,220 --> 00:09:38,560
So here is a paragraph element, so right beneath a paragraph element, they're going to have another

99
00:09:38,560 --> 00:09:42,610
button stupid button element and that too should be inside of our phone.

100
00:09:46,600 --> 00:09:49,420
So not this button statement is going to have a type of summit.

101
00:09:51,240 --> 00:09:53,820
All right, so here is the types I met last name.

102
00:09:57,100 --> 00:09:59,140
Which is going to be equal to some.

103
00:10:04,530 --> 00:10:05,980
All right, so here is a button.

104
00:10:06,000 --> 00:10:07,560
Now let's just close this.

105
00:10:08,160 --> 00:10:12,700
And this is going to have start as a text between them now hit save.

106
00:10:13,960 --> 00:10:20,320
Now we have configured a set up phone and what we need to export it, right, so let's just export it

107
00:10:21,100 --> 00:10:21,790
export.

108
00:10:29,210 --> 00:10:31,070
Explode the false set of phone.

109
00:10:34,350 --> 00:10:36,000
All right, and be exploding it as well.

110
00:10:36,390 --> 00:10:41,220
Now let's just call this from inside of Abdul GSX, so moving to Abdul GSX.

111
00:10:43,110 --> 00:10:46,590
And so this let's create a functional component to create a function.

112
00:10:48,370 --> 00:10:53,740
App and this is going to have a written statement and this written statement is going to be.

113
00:10:55,570 --> 00:10:59,050
Having a parent club, so let's just create a parent class.

114
00:11:03,630 --> 00:11:07,350
All right, so now insiders will be calling up a set up for to, let's call it.

115
00:11:14,230 --> 00:11:19,690
So here we are, even in 48 hours set upon, and it seems like my own part of the score is working.

116
00:11:20,200 --> 00:11:26,170
So here is a set upon and if elected, a man would important then just the right set a form

117
00:11:28,720 --> 00:11:29,350
from.

118
00:11:30,430 --> 00:11:34,750
You are from Florida, and so the family will be having your phone store, GSX.

119
00:11:36,010 --> 00:11:40,330
So, Jason, from Georgia Tech, so I can import it manually, but for me, it has been done by my auto

120
00:11:40,330 --> 00:11:40,780
import.

121
00:11:41,230 --> 00:11:47,020
So let's just leave it like this now we'll be exporting our function app, so let's exported.

122
00:11:55,790 --> 00:11:57,920
All right, so here we are, having a set of them.