So next will be creating the order page.
So for that, we need to go inside the pages and how do we do that?
I really need to file that will be.
It our guards, yes, is good.
Yeah.
We will grab the boilerplate code odyssey.
And will grab the link.
The report.
Laying.
From the crowd or no?
OK, so we'll return a section, basically.
Lecture on the class name of error.
And page.
In a dissection.
So here's what we'll do is we'll provide our day with the nice thing is it has.
Can be no.
And here we'll have an H1, and we'll see.
Something went wrong, man, wrong?
OK.
And after that, we'll have a link to the homepage, so there will be a link and to what part that would
be the directory, so that would be denied to home class name would be but done.
So.
Primary.
OK.
Close this and inside this, we'll be right.
Back to home.
OK.
We'll save this.
So, yeah.
Okay, next, we'll go to Khaled.
The final and the most awaited component that will be the single cocktail of GST, this is the most
awaited one because this will be responsible for the single page display that will be inside the pages
and here will create.
Single.
Cocktail, basically.
Cocktail audience.
And hear what we'll do is we'll, first of all, important the boilerplate code at IFC and here there
will be some imports.
We'll be having loading.
From.
Components less.
Me.
After that, we'll be importing used firearms.
Ford.
U.S.
But Ms.
And.
Link.
From.
The on.
Next, we'll be.
Going inside the function and creating some of the things that cool.
Inside the function will create some new states.
Let me just grab you straight also.
So here what we'll do is we'll create constant.
On and an.
That will be equal to the U.S.
But Ms.
And.
It's a function, basically.
After that, that will be the contest.
Loading.
Sack loading.
That would be cool to.
U.S.
State and.
Although this looks similar to work on text.
That will be.
Also.
The next will be having another constraint that will be.
Well, Bill and Ted Koppel, OK.
That'll be U.S.
State.
And initially, well, you know, then we'll be having the EU's effect.
Let me just grab that also.
Use that.
And.
Side this only after the constraint, maybe.
We'll write.
Use effect.
Except that the function.
We'll start building.
Do.
True, because we're getting the data.
Then we'll be writing and using function.
And that.
Bill was the name.
He.
And after this, we'll be going inside dysfunction and writing some details, we will be writing some
try and catch blocks also.
So we'll ride.
Try.
And so I just feel like Gorenstein is the right response.
Same what we did in the context, basically.
But wait.
I can just copy it from the context.
Maybe we can just leave it.
Maybe you can just copy this.
So here I'll wait.
But.
And here.
Inside the backpacks, so here that will be the link between copy and paste it.
And after the search perimeter, there would be an I.D..
OK, Jason, look, basically I made a mistake, this is not the you are all for the single page.
Because we saw in the FBI, so that is a little bit different.
That does look up, look up, dot BHP, look up, but BHP and then the.
Or smartphone instead of as that is, I I then this is equally to.
Dollar sign and I.D..
OK.
Louis, I yeah.
That's correct.
And after this, we'll move to grabbing the retcons data is the call to await.
Bond's daughter, Jason.
OK.
Oh, OK.
So now that is like some long cord.
Well, that'll be if.
Data.
Dog brings.
So the title drinks now, that would be some long cold, which I might like willing to write, because
that will take a lot of time, so I'll just copy it and I just show you I have already done it before,
so I'll show you what it like looks like.
So this if?
Or whatever is that inside this, if I'll be a straight out.
So it is something like this who when we go inside the if statement there is constant.
So.
And this basically.
And we'll add it to.
Is this that this basically?
Yeah.
So you can see we are just setting up the video was nothing great is being done here.
Nothing, no logic or some hard thing is not, but this is just the setting up the names.
Next, we'll go to the ad spot.
Let me go.
Let me see where it is ending.
We're sending you here and we here will ride the spot.
So this will also a repetitive called code.
So inside the LS.
O'Hare will be bursting like other code to the health school, basically sore at me, all this and here
we got our.
And that is starting from here inside their return, we'll be posting this quote.
Now this is just your GSX and there is nothing great and it's like we just see that we are displaying
the great or whatever the logic we we're implementing.
Whatever the data which we have created inside the like are other components those that were not like
mine data.
You know that?
OK, I'm sorry.
What did I do?
Yeah.
So that was the main data here we are just rendering it.
So I don't feel like we need to explain each and every line like of the image in the CSOs and the classes.
There is nothing like in that you can see that are multiple spans and there's some the category and
all.
We are like displaying it.
So we have done that already.
We have done that part already.
Let me see it and the last thing which we have.
Do we want to go to our context and I want to take a look at the U.S fathoms where we imported the U.S.
firms last time?
Not here to work.
So let us configured after Jesus, according to our.
But according to our project.
So let me just genes make changes inside this and.
Our daughters would look something like this.
And now I think we are able to be all things in our browser.
But before that, let me check if there is any other order, meaning we have already created the home
computer and the context in copying Claudia's list and.
OK, so it's showing some error that this object is not defined.
And if you go and check that is inside the cocktail list.
This.
Who hit?
OK.
We see what is the problem.
So I've just restarted the server and let me go to the browser and see how that looks like.
OK, guys.
So here we are with our application.
Everything is like now both.
And let me refresh.
And you can see the full is also coming up, let me search for anything like be.
OK, that works, and let me say something like a.
The loading works, fine cocktails are being rendered, everything is perfect, basically.
And what if I typed something gibberish here?
Oops.
No.
I just found nice.
Let me go to details.
Maybe this one?
On this one, whatever.
And it is the details.
Let me go to the back to home.
OK, so what are applied works perfectly fine, I hope you learn a lot in this project.
This was like a very broad project.
There were a lot of technologies and tools which we have used and we made.
I like the use of react to the extent and all of the hoax and all the required JavaScript functions
have been using this.
So I hope you have learned a lot.
If you have any doubt, you can just really watch it, whatever doubt you have.
And that's it.
And.