Going to make a sharp meaning that I'm going to make a sharp where I sell t shirts and pants.
And this is basically to show you how to pass data in between pages.
So I will show you everything.
But let's start with the design.
So we are going to need four pages for this and and let's find the easiest one.
So we want to first do a list of.
A list of our categories, so let's use this one.
So this will be this will be the shop home page.
Let's create this.
Perfect.
Um, let's just call this shop and then you know the drill later on.
We're not going to need all of these, but let's fix that later.
Okay, then we're going to need a product page, which means that when I press on one of the categories
I want to come in to, to see the products within that category.
Um, I think the best one for this would probably be.
We can do this one.
I think this is fine.
So this would be products.
We can we can call it products within like each category.
Perfect.
Then the next one is when I have decided that I want this product.
We want to have a detailed product page which will look something like this.
Wait.
Yeah.
So this will be detailed product page.
And then basically what we want, there's a lot of steps to making a shop, especially if you want to
put in how to how to make people pay for it and stuff like that.
So we're not going to go through all of that.
We're just going to go through the steps up until then.
So let's see.
Then we will have a checkout view, right?
Okay.
So this will be check out.
Wait.
Okay, That didn't work.
Let's try another one.
Check out.
Let's do this one.
Check out.
Okay.
There we go.
This is basically the.
The view of it all.
What we can do now, as you probably know, is that we will take away most of these containers.
And because we only need one since we are going to query the other ones.
There we go.
Uh, yeah, we can do that for the other ones as well.
We are just going to need one of these.
There we go.
LeBron and detailed product this.
We don't really need to change.
I'm not going to show you how to make a size so we can take that away.
Um.
Yeah, but here we have the price, the name of it.
A description.
I didn't add the description, I think, did I?
Oh, we'll come to that later.
Uh, but we don't need two descriptions, so let's take that one away.
And the last one to check out.
This looks good.
We're not going to go through this either.
And not this is fairly easy.
You can do it yourselves.
We don't need the count.
Okay.
So this is my checkout.
It will look something like this.
Perfect.
So there we have the layout.