Now, after we created the portrait, we can go to the client and then I ampm start and you can see
the portrait is running in the browser.
And since last week, we will use your own Web site to do the fertigation, but now we will not focus
on Authentications.
And so we will use the use contest to create the dummy users for our trepang.
So under the source photo, we are going to create a new file.
We use a contest test and inside the user contest, we are going to import the query content from we
add and then we export the content.
The contest is equal to the eight contest, No.
Now, under the source code, we create components, so we create components folder and then under the
components we create two folders.
One is the room.
So we create a track.
And also we create another is for the home page.
So we create our folders for home.
So inside the chat, we create a chat box and then we create another yes, and we are going to use the
functional component.
So you type our F.P. and I'm inside here.
We type one and then type cat.
So we know that this page is Chad.
And we do the same at home page.
And then we type one and then we type on.
So why can we use our.
You can download the we app extensions and the extension page and you can download this one so you can
compare with these documentations and he will teach you why we can use our FC
so our AFC will automatically output this bunch of code.
So we back with a budget and now we are going to do the rounds, so we need to install another package
so we cancel the SSAFA at the inside and then we type.
NPM install, we add.
Throughout her.
And at the same time, actually, we can delete this airport not passed onto us.
We can't let these local.
And then we back to the airport.
Yes.
And since we do not need this, Hadass.
So from here, we can delete this whole header and also we can delete this import logo.
Now we are going to import.
From the storm, so import Browder brought her as brought her to which.
And root from way at the door and then import you the contest from
user contact.
Since we already export this USA contest so we can import the user content from this faux.
And now we can also import the component that we just created, so we import the chad from the component
and Chad, now we have difficulties and import the whole.
And this is the small size, but so we change these.
So here we are going to use the rather.
And then use a contest parameter and here we are going to import the USA because at last we are going
to change the USA at the USA contest.
So here we are going to import.
We add and you say we add.
And then we have constant yuzu that youth is equal to use state and then no, and then we passed the
value by using the provider.
So where do you go to user and user?
And then we type switch.
And then we talk about.
Set pop.
Is eco to slash and component is equal to oh.
Now, I think everything is ready so we can pass the route by NPM, start the survey again.
Now we can see the home page is accessed here, and if we change this to a chat, we can also change
to the chat.
So the route is ready, and in the next part, we are going to at some point turn to changed the user.