1
00:00:00,620 --> 00:00:02,810
Hello, everyone, and welcome to the radio.

2
00:00:02,840 --> 00:00:08,990
So today we want to create this really beautiful website using reenactor, so this is a mark of our

3
00:00:08,990 --> 00:00:12,050
restaurant website, which contains a beautiful nav bar.

4
00:00:12,110 --> 00:00:16,490
You can see there is a logo and the links to other pages of the website.

5
00:00:16,670 --> 00:00:21,680
Then we have a landing page which contains this image, some text and a button for our now.

6
00:00:22,010 --> 00:00:28,450
Next, we have folder, which contains the social media icons of all our social media handles and our

7
00:00:28,460 --> 00:00:31,280
text, which signifies the name of the company.

8
00:00:31,580 --> 00:00:40,280
Next, we go to the menu page and you can see we have the list of all items which are present in the

9
00:00:40,280 --> 00:00:41,270
restaurant right now.

10
00:00:41,600 --> 00:00:46,340
So this is the menu page which contains the title for the which is our menu.

11
00:00:46,580 --> 00:00:49,340
Next, we have the items which we have.

12
00:00:49,580 --> 00:00:54,800
So this has an image, the title of the dish and the price of the dish.

13
00:00:55,100 --> 00:00:58,940
So you can see this beautiful card right here when we are over it.

14
00:00:59,210 --> 00:01:03,180
So it gives a little shadow in the background whenever we have it.

15
00:01:03,200 --> 00:01:10,400
So this gives a shadow and we are going to all create this from scratch today using the tactics next

16
00:01:10,400 --> 00:01:12,180
when we go to the about page.

17
00:01:12,410 --> 00:01:19,910
You can see this image right here and the title of About US and some text, which is just for information

18
00:01:19,910 --> 00:01:22,190
about the website of the owner of the company.

19
00:01:23,350 --> 00:01:28,750
Next, when we go to the contact page, you can see this beautiful image right here and an organized

20
00:01:28,750 --> 00:01:35,680
form where you can write your name, email and your message and just spread send message and message

21
00:01:35,680 --> 00:01:37,360
will be sent to the owner of the website.

22
00:01:37,750 --> 00:01:43,990
So this all we are going to create and one thing you might have noticed that whenever we go to different

23
00:01:43,990 --> 00:01:47,540
pages than ever and there are constant, they will not change.

24
00:01:47,560 --> 00:01:53,680
So that means we have reused this nav bar and for a component in every page.

25
00:01:54,010 --> 00:01:56,410
So that's all about this website.

26
00:01:56,440 --> 00:02:02,230
So let me just talk about what other technology is, which we are going to use today to build this website.

27
00:02:02,710 --> 00:02:07,420
First of all, obviously, we are going to use rigs for this entire website.

28
00:02:07,630 --> 00:02:12,190
Next, we are going to use material UI for the icons which we are using here.

29
00:02:12,190 --> 00:02:14,870
These beautiful icons are all from Material UI.

30
00:02:15,160 --> 00:02:17,830
Next, we are going to use reactor out or dome.

31
00:02:17,830 --> 00:02:18,250
Yes.

32
00:02:18,490 --> 00:02:22,990
This is a really, really important package and concept in Radius Reactor Dome.

33
00:02:23,170 --> 00:02:24,580
So what is the October Dome?

34
00:02:24,880 --> 00:02:31,390
When you just take a look at the address bar that you are in the address bar, and when we go to different

35
00:02:31,390 --> 00:02:34,180
pages, you'll see that you are two changes here.

36
00:02:34,540 --> 00:02:40,480
Whenever we go to the menu, it adds slash menu and negative about it at about.

37
00:02:40,480 --> 00:02:42,850
And when we go to contact, it's going to.

38
00:02:43,210 --> 00:02:47,650
But all of this, all of this magic is happening to reactor out at dawn.

39
00:02:48,430 --> 00:02:54,760
So we are going to use reactor at home and I will teach you how to use reactor and how to implement

40
00:02:54,760 --> 00:02:55,780
it in our website.

41
00:02:56,200 --> 00:02:59,980
I hope you guys are and are excited as me.

42
00:03:00,430 --> 00:03:04,510
And one more thing, and this website is fully responsive.

43
00:03:04,510 --> 00:03:12,820
As we can see, when we decrease the size of the screen, you can see the website starts to get responsive

44
00:03:12,820 --> 00:03:20,320
and you can see now the website is fully responsive and the website looks so beautiful in the mobile

45
00:03:20,320 --> 00:03:20,610
view.

46
00:03:20,620 --> 00:03:26,920
Also, when we click on this button right here and the now what it shows, the links which we are present

47
00:03:26,920 --> 00:03:28,360
in the nav bar previously.

48
00:03:28,810 --> 00:03:33,490
So this is a fully responsive website, and we go to the menu page.

49
00:03:33,490 --> 00:03:35,560
You can see this menu.

50
00:03:35,590 --> 00:03:36,690
Let's try it here.

51
00:03:36,910 --> 00:03:40,180
So this website looks so beautiful in the mobile view.

52
00:03:40,180 --> 00:03:46,090
Also, so this not just a desktop website or a full screen outside, this is a mobile friendly, responsive

53
00:03:46,090 --> 00:03:48,580
website which we are going to create today.

54
00:03:48,880 --> 00:03:52,540
So I hope you guys are as excited as I am.

55
00:03:53,050 --> 00:03:54,790
Thank you and see you in the next part.