1
00:00:00,900 --> 00:00:05,850
In this video we're going to start to work on our sign in page now the sign up page is going to be basically

2
00:00:05,850 --> 00:00:07,390
identical to sign up.

3
00:00:07,440 --> 00:00:10,500
The only big differences here is pretty much the label at the very top.

4
00:00:10,530 --> 00:00:12,910
So it needs to say sign in instead of sign up.

5
00:00:13,140 --> 00:00:16,850
And the only other big difference is going to be the at your l that we make our request to.

6
00:00:16,980 --> 00:00:22,440
We need to make a request to API users sign in as opposed to API users sign up.

7
00:00:22,440 --> 00:00:27,120
Now if this was a course that was focused on react J.S. I would probably show you how to create a single

8
00:00:27,150 --> 00:00:32,520
reusable component to display both these forms but because react isn't really our focus here.

9
00:00:32,520 --> 00:00:37,320
We're really just gonna pretty much copy paste sign up and then change the label and the URL that we're

10
00:00:37,320 --> 00:00:38,210
making the request to.

11
00:00:38,220 --> 00:00:39,450
That's pretty much it.

12
00:00:39,480 --> 00:00:45,640
So let's get to it back inside my editor I'll find these pages directory.

13
00:00:45,700 --> 00:00:47,980
You'll notice I still have banana J S inside of here.

14
00:00:48,010 --> 00:00:53,670
I'm going to delete banana that was just a quick little test all then go ahead and make a copy of sign

15
00:00:53,670 --> 00:01:00,140
up so I can either attempt to duplicate it if your editor has that option for me I'm gonna go ahead

16
00:01:00,140 --> 00:01:04,330
and copy it and paste the file directly in there but here's a copy of sign up.

17
00:01:05,070 --> 00:01:10,840
Well then rename that to sign in then inside of the sign and file.

18
00:01:11,030 --> 00:01:16,520
All we really have to do is find where we make our request or set up the user request took I'll change

19
00:01:16,520 --> 00:01:26,180
the U URL L right here to sign in and then I'll go down to my JSA ex and I'll change sign up to sign

20
00:01:26,190 --> 00:01:27,230
in.

21
00:01:27,330 --> 00:01:30,990
I think we probably also need to update the button at the bottom.

22
00:01:31,110 --> 00:01:33,620
We need to make sure that says sign in as well.

23
00:01:34,650 --> 00:01:41,690
And I think that should be at its all save this flip back over and now I should be able to navigate

24
00:01:41,690 --> 00:01:48,760
two off slash sign in and there's our sign and form at this point time.

25
00:01:48,770 --> 00:01:53,210
I would encourage you to make sure that your application tab go to Cookies make sure you don't have

26
00:01:53,210 --> 00:01:54,120
any cookie.

27
00:01:54,130 --> 00:01:56,470
So right now I'm definitely not authenticated.

28
00:01:56,480 --> 00:02:00,920
Well then go over to the Network tab and I'm going to attempt to sign in with an account that I created

29
00:02:00,950 --> 00:02:02,060
in the past.

30
00:02:02,060 --> 00:02:08,000
Now if you do not remember any valid email address or password combination that you have created before.

31
00:02:08,000 --> 00:02:14,440
Make sure you go back over to sign up really quickly sign up for new accounts with some credentials

32
00:02:14,440 --> 00:02:22,320
you can remember go and clear your cookie and then come back over to sign in so I remember my credentials

33
00:02:22,320 --> 00:02:31,100
that I set up way long ago I created a account with test 10 at test dot com and a password of password.

34
00:02:31,110 --> 00:02:35,910
Now if I go to network I need to click on sign and see the request was issued I got redirected back

35
00:02:35,910 --> 00:02:40,170
to the main page and I am now considered to be signed in and I can further confirm that by going to

36
00:02:40,170 --> 00:02:44,780
application looking at my cookie list and making sure I've got my cookie set as well.

37
00:02:45,730 --> 00:02:47,130
Well that's pretty much it for sign in.

38
00:02:47,140 --> 00:02:48,480
Yeah not that bad.

39
00:02:48,670 --> 00:02:53,420
As I've said many times the first time that we go through all these different topics it takes for ever.

40
00:02:53,530 --> 00:02:57,670
But then once we kind of get the idea of what's going on putting together the rest starts to go really

41
00:02:57,670 --> 00:02:59,340
quickly.

42
00:02:59,350 --> 00:02:59,620
All right.

43
00:02:59,740 --> 00:03:00,580
So that looks pretty good.

44
00:03:00,580 --> 00:03:06,220
We've got Sign Up Sign in and our content on the landing page but of course now we need to make sure

45
00:03:06,250 --> 00:03:09,400
that our header gets created as well.

46
00:03:09,400 --> 00:03:11,440
So let's take a stab at that header in the next video.