Pistol creator both set up from GSX and close off all the other components of the app.
Now for this application, we won't be writing CSIS.
I have already provided the code of CSIS, I want you to go ahead and copy this entire code and then
hector your index notices.
And pasted over here, and since this is an application that requires a lot of success, therefore we
want to be actually writing courses manually, I have provided with the code to just come over here
and be.
And since this is a reactor, I feel like as if you must, you must be quite familiar with the ISS.
So now had to set up phone and the first thing that we're doing here is create a home, so create a
constant and name into the phone.
And this is going to be an era of action now, put up a written statement.
And inside this written statement, we're going to have a mean as a parent class, so create meaning
and a closing mean.
Now inside this morning, we're going to have a section, so let's create a section now and give it
a class name of equal to Quest Quest Small.
All right, so this section now closed this, and inside the section, we're going to have another property
or another field of farm, so let's create a farm element now.
Now, this form is going to have a class name or set up for so we were attacked last name request to
set up form.
Now, close this now.
This form is going to contain it to tax or give it a shot.
And inside it.
To set up.
Chris?
Let me close this so you can it can be visible.
All right, so here is our setup form and inside it, we have to tag with setup, wasn't it?
Now right beneath it, I thought I had created this and give it a class name of some control.
Now closed this death, and this is going to contain a label, so give it a label and a property estimate
for which is going to be equal to amount.
All right, so here is our estimate for the amount now, close this and put a number of questions.
And so the labels.
All right.
Right beneath our label, we are going to have our input fields and its creator input, but we now.
And give this input for a type of numbers.
So this is going to be of type numbers, so basically this input field is to define how many questions
does the user want in their application?
So give it a field of number, type of number.
I mean, and after the number, give it a name or submit so a name should be equal to amount.
As well as that, it is going to follow the themes to give it also amount.
All right, so we have our input for you with the type no name amount as well as our I.D. amount.
Now after this, give it a class name.
Which is going to be equal to and put.
All right now, clothing and footwear with the self-closing tag.
So this is Epperson, but we're not going to be creating a second footwear and this store would be having
Dave of itself.
So give it to Dave and a class name of equals to firm control.
And this as well is going to have a label inside it, so we'll give it a label and an estimate for property.
And this time it is going to hold the value of.
Category and now close this and inside the label right category.
So this is a category no company to label, and it's now creating what they.
And this is going to contain the category of question that our users want.
So this is going to a rather than having an input field, it is going to have a select few that use
it.
They will select what kind of questions they want, whether they want the political questions or the
historic questions or the sports questions.
So now the select is going to have a name, so give it a name of equals two category.
As well as aid that is going to be equal to category.
Now, close this and give this even a class name that is going to be equal to men, but.
All right, so this select field is going to have some options, right, so let's create some options
for it.
Now, this option is going to hold up a value, so this value is going to be sports.
As well as inside our options, we will be having sports.
Now we are having three options in that application, so let's just copy this and paste it again and
again and after sports will be having another field, or I must say another.
John Raouf question so history.
As well as history again.
And we're going to have a political questions, so in our politics.
As well as politics over here.
All right, so here we are having three options as well as our day is being closed.
Well, now after this day, we are going to have another day.
So let's create another day of.
And this day is going to be for difficulty level.
What sort of questions are you want, whether they should be easy or difficult or medium?
So to give this to give this debate last name of firm control as usual, and I'll close this, Dave,
and this again is going to have a label to give this a label, and this time the label is going to have.
Will fall, which is going to be equal to difficulty.
Right now, the closed label and this is going to have difficulty in at.
All right, so Benita Oliver, we are going to have another input field, so create another select regional.
And this Iraq field is going to have a name that is going to have a name as difficulty, so give this.
Difficulty, as well as an idea of difficulty.
All right, so in the select, we are having a name as well as Riley and a last name off from input.
All right, so now you close this and inside us elect, we're going to have three options.
No, let me just copy this and paste it again three times.
Because the number of options that we have an easy, medium and hard, so easy.
Those questions that are easy peasy and then the medium ones and then the really difficult ones.
Easy.
Medium.
As well as difficult.
All right, so here we are, having a three inputs, no, right beneath this, they're going to have
another paragraph element, so right outside of our lives are going to create a paragraph element.
So this paragraph element is going to have a class name of error.
The moment we are displaying all that we have in our application.
But as we progress forward and when we protect projects, then is appointed time and will be conditionally
rendering the statement such as B, as well as errors, whether they are appearing or not, and now
inside the speed they're going to have gone.
Generate questions.
Please try again.
So here is a paragraph element, so right beneath a paragraph element, they're going to have another
button stupid button element and that too should be inside of our phone.
So not this button statement is going to have a type of summit.
All right, so here is the types I met last name.
Which is going to be equal to some.
All right, so here is a button.
Now let's just close this.
And this is going to have start as a text between them now hit save.
Now we have configured a set up phone and what we need to export it, right, so let's just export it
export.
Explode the false set of phone.
All right, and be exploding it as well.
Now let's just call this from inside of Abdul GSX, so moving to Abdul GSX.
And so this let's create a functional component to create a function.
App and this is going to have a written statement and this written statement is going to be.
Having a parent club, so let's just create a parent class.
All right, so now insiders will be calling up a set up for to, let's call it.
So here we are, even in 48 hours set upon, and it seems like my own part of the score is working.
So here is a set upon and if elected, a man would important then just the right set a form
from.
You are from Florida, and so the family will be having your phone store, GSX.
So, Jason, from Georgia Tech, so I can import it manually, but for me, it has been done by my auto
import.
So let's just leave it like this now we'll be exporting our function app, so let's exported.
All right, so here we are, having a set of them.