1
00:00:01,310 --> 00:00:05,230
In this video, we are going to implement navigation.

2
00:00:05,240 --> 00:00:13,310
For example, when I click on post or log in, I want to render the log in page or register page.

3
00:00:13,310 --> 00:00:20,060
So let's get into the number and that is inside views, pastures and number.

4
00:00:20,240 --> 00:00:28,340
So the first one is the homepage and then link need to match the route that we have created to render

5
00:00:28,340 --> 00:00:29,930
that particular page.

6
00:00:29,930 --> 00:00:37,340
So for home page, it matches the forward slash because this is what we specified upon creating the

7
00:00:37,340 --> 00:00:39,560
route to render the homepage.

8
00:00:39,560 --> 00:00:46,900
So if you go to the server, this is a path for slash, so it should match the one inside the ref.

9
00:00:46,910 --> 00:00:54,950
So with this one, if I click on whom, let's have a look, let me refresh it and click on home and

10
00:00:54,950 --> 00:00:58,490
you can see that now I'm in the home page.

11
00:00:58,490 --> 00:01:00,320
What about the log in?

12
00:01:00,320 --> 00:01:01,430
So let me look here.

13
00:01:01,430 --> 00:01:10,820
This one is going to be API four slash version one for slash users and forward slash log in.

14
00:01:10,850 --> 00:01:14,870
That's what we specified if you check and the users.

15
00:01:15,020 --> 00:01:21,410
And here is the root, which is this one, the log in.

16
00:01:21,680 --> 00:01:22,190
All right.

17
00:01:22,190 --> 00:01:25,010
So let me click on log in.

18
00:01:25,010 --> 00:01:30,980
Let me refresh it and click on log in and I have the log in form.

19
00:01:30,980 --> 00:01:32,780
What about the register?

20
00:01:33,060 --> 00:01:34,340
Going to be the same.

21
00:01:34,340 --> 00:01:43,460
So I'll copy the path and place it inside here and change this one to register.

22
00:01:45,100 --> 00:01:51,340
If I provide a path that doesn't match to any route, let's see what we are going to get.

23
00:01:52,030 --> 00:01:54,700
Let me refresh it and click on register.

24
00:01:55,090 --> 00:01:58,690
You can see that it cannot find that particular path.

25
00:01:58,690 --> 00:02:08,830
So let me bring it back to the actual path and let me refresh it and click on register and I have the

26
00:02:08,830 --> 00:02:10,030
register form.

27
00:02:10,180 --> 00:02:12,640
So what about the profile?

28
00:02:12,640 --> 00:02:17,680
For the meantime, I'm going to add a link here and you take us to the five page.

29
00:02:17,680 --> 00:02:25,930
So for the meantime, I'm going to copy one of these links and here are going to be as two five page.

30
00:02:27,910 --> 00:02:28,540
Perfect.

31
00:02:28,540 --> 00:02:31,060
So here to be the profile.

32
00:02:33,590 --> 00:02:34,580
Refresh it.

33
00:02:35,560 --> 00:02:37,150
And let's have a look.

34
00:02:37,270 --> 00:02:45,910
We have the profile page and for the profile upload, when I click on this icon, I want to render the

35
00:02:45,910 --> 00:02:47,690
profile upload form.

36
00:02:47,710 --> 00:02:50,920
So let's locate where we have this icon.

37
00:02:51,010 --> 00:02:59,440
So let's get back to the profile page, which is inside the views, users and profile.

38
00:02:59,560 --> 00:03:03,830
And let's locate the icon for the camera.

39
00:03:03,850 --> 00:03:04,420
Yeah.

40
00:03:04,420 --> 00:03:08,110
And have a comment here as upload cover image.

41
00:03:08,410 --> 00:03:11,590
I think this one rather upload profile image.

42
00:03:12,010 --> 00:03:15,640
And for this I'm going to place it inside each ref.

43
00:03:15,640 --> 00:03:26,980
So when I be asked that each ref and inside the link here, I'm going to place this icon into that and

44
00:03:26,980 --> 00:03:30,340
the path is going to be forward slash API.

45
00:03:30,400 --> 00:03:33,820
Let me have a look at the path well uses.

46
00:03:35,120 --> 00:03:38,960
Upload a file and going to be this link.

47
00:03:40,060 --> 00:03:46,300
API version one users first slash the link.

48
00:03:46,510 --> 00:03:50,440
So let's refresh it and let's click on that.

49
00:03:50,440 --> 00:03:55,480
And you can see I have the upload file photo being rendered.

50
00:03:55,960 --> 00:03:56,500
All right.

51
00:03:56,500 --> 00:03:58,810
So that is it about the navigation.

52
00:03:58,810 --> 00:04:02,110
And as we move on, we'll be navigating around a lot.

53
00:04:02,110 --> 00:04:05,860
So we are in the right path, in the right direction.

54
00:04:06,100 --> 00:04:06,560
All right.

55
00:04:06,560 --> 00:04:11,470
The next video, let's see how we can go ahead and register a user.