1
00:00:00,270 --> 00:00:06,780
Hello, and welcome to today, we're going to create this website, which contains the menu of a cafe.

2
00:00:07,260 --> 00:00:15,540
So basically, these are all their dishes along with the photo, the image of the dish and the description

3
00:00:15,540 --> 00:00:17,670
and the title of the dish along with the price.

4
00:00:18,060 --> 00:00:26,580
Now this is not a static page because the dishes are categorized according to like the means.

5
00:00:26,970 --> 00:00:31,320
So and all right now we are in the all section and then you can see all the dishes.

6
00:00:31,650 --> 00:00:37,770
But when you go to the breakfast section that dishes which consist the category of the breakfast and

7
00:00:37,770 --> 00:00:44,370
then in the lunch, we have the dishes which have the category of lunch and in the six that other shakes.

8
00:00:44,730 --> 00:00:48,180
So this is all we are going to build today.

9
00:00:48,510 --> 00:00:53,820
And you might be thinking that we have created different, different components for all of these categories,

10
00:00:54,210 --> 00:00:55,470
but that's not the case.

11
00:00:55,800 --> 00:01:04,950
We have just one data file, which can consist all of the data, and those dishes are having a field

12
00:01:04,950 --> 00:01:05,670
with this category.

13
00:01:05,670 --> 00:01:12,240
And that and all of the dishes are then filtered out according to the categories, and then they are

14
00:01:12,240 --> 00:01:14,970
being rendered according to this heading.

15
00:01:14,970 --> 00:01:17,010
Or what can we say in the category?

16
00:01:17,460 --> 00:01:24,240
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

17
00:01:24,240 --> 00:01:30,390
going to use the user to talk and we are going to style this component using the CIUSSS.

18
00:01:30,900 --> 00:01:33,210
So we are going to write this also here.

19
00:01:33,630 --> 00:01:37,430
So that is what we are going to build and this was the introduction of the video.

20
00:01:37,600 --> 00:01:38,400
Let's get started.