Hello, and welcome to today, we're going to create this website, which contains the menu of a cafe.
So basically, these are all their dishes along with the photo, the image of the dish and the description
and the title of the dish along with the price.
Now this is not a static page because the dishes are categorized according to like the means.
So and all right now we are in the all section and then you can see all the dishes.
But when you go to the breakfast section that dishes which consist the category of the breakfast and
then in the lunch, we have the dishes which have the category of lunch and in the six that other shakes.
So this is all we are going to build today.
And you might be thinking that we have created different, different components for all of these categories,
but that's not the case.
We have just one data file, which can consist all of the data, and those dishes are having a field
with this category.
And that and all of the dishes are then filtered out according to the categories, and then they are
being rendered according to this heading.
Or what can we say in the category?
So that is what we are going to win and we are going to like map the data from a data file and we are
going to use the user to talk and we are going to style this component using the CIUSSS.
So we are going to write this also here.
So that is what we are going to build and this was the introduction of the video.
Let's get started.