1
00:00:00,840 --> 00:00:07,230
In this video, we are going to render a template to upload a profile photo.

2
00:00:07,230 --> 00:00:11,970
So I'm going to copy the template and place it inside the user.

3
00:00:11,970 --> 00:00:18,480
So we're going to be as that and I'm going to rename the extension to edges.

4
00:00:21,870 --> 00:00:22,350
Right.

5
00:00:22,350 --> 00:00:29,310
The next step is about the CSS, so I'm going to copy the CSIS and place it inside the public.

6
00:00:30,350 --> 00:00:31,800
And there you go.

7
00:00:31,820 --> 00:00:34,210
The path remains the same.

8
00:00:34,220 --> 00:00:37,820
So let's go ahead and create a route for that.

9
00:00:37,820 --> 00:00:41,600
So the route uses and here we go.

10
00:00:41,780 --> 00:00:48,050
I'm going to copy one of this ones and down here I'll make use of upload.

11
00:00:49,660 --> 00:00:50,740
Profile.

12
00:00:53,180 --> 00:00:57,950
So I want to change the path to upload.

13
00:01:00,680 --> 00:01:02,060
Dash profile.

14
00:01:02,690 --> 00:01:03,620
Dash.

15
00:01:05,069 --> 00:01:05,790
Photo.

16
00:01:06,980 --> 00:01:07,730
Form.

17
00:01:08,180 --> 00:01:08,540
All right.

18
00:01:08,540 --> 00:01:10,700
The name is too long, but it's working.

19
00:01:10,820 --> 00:01:15,150
And for the name of the template, I'm going to use this one.

20
00:01:15,170 --> 00:01:19,100
Make sure you type the exact name of the template.

21
00:01:19,100 --> 00:01:22,610
So here I'm going to change this one to the template name.

22
00:01:22,760 --> 00:01:26,960
Let me go ahead and render this one inside the browser.

23
00:01:27,080 --> 00:01:30,640
I'm going to be forward slash that and let's see.

24
00:01:30,650 --> 00:01:34,780
And we have the form to upload profile photo.

25
00:01:34,790 --> 00:01:37,150
So what about the cover image?

26
00:01:37,160 --> 00:01:38,330
It's going to be the same.

27
00:01:38,330 --> 00:01:44,660
So I'm going to copy the template and rename it to upload cover image.

28
00:01:44,840 --> 00:01:46,400
It's going to be as.

29
00:01:50,000 --> 00:01:51,860
Upload cover photo.

30
00:01:53,970 --> 00:01:54,690
All right.

31
00:01:54,690 --> 00:01:55,680
There you go.

32
00:01:55,770 --> 00:02:00,750
And let me change each one to upload cover photo.

33
00:02:03,170 --> 00:02:07,310
Likewise this upload cover photo.

34
00:02:07,730 --> 00:02:13,850
Okay, so next step is let's get back to the users route and create a route for that.

35
00:02:13,850 --> 00:02:21,620
So here I'm going to copy this and down here I would change this one to upload cover photo and here

36
00:02:21,620 --> 00:02:23,990
upload cover photo.

37
00:02:25,520 --> 00:02:30,290
And the name is going to be upload cover photo.

38
00:02:32,430 --> 00:02:35,730
And let me place it inside here.

39
00:02:36,840 --> 00:02:39,070
Last step is let's check it out.

40
00:02:39,090 --> 00:02:40,980
So let's get back to the browser.

41
00:02:41,010 --> 00:02:45,720
I'm going to be this endpoint, and now we have it.

42
00:02:45,990 --> 00:02:46,830
All right, guys.

43
00:02:46,830 --> 00:02:48,810
So catch you up in the next video.