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
identical to sign up.
The only big differences here is pretty much the label at the very top.
So it needs to say sign in instead of sign up.
And the only other big difference is going to be the at your l that we make our request to.
We need to make a request to API users sign in as opposed to API users sign up.
Now if this was a course that was focused on react J.S. I would probably show you how to create a single
reusable component to display both these forms but because react isn't really our focus here.
We're really just gonna pretty much copy paste sign up and then change the label and the URL that we're
making the request to.
That's pretty much it.
So let's get to it back inside my editor I'll find these pages directory.
You'll notice I still have banana J S inside of here.
I'm going to delete banana that was just a quick little test all then go ahead and make a copy of sign
up so I can either attempt to duplicate it if your editor has that option for me I'm gonna go ahead
and copy it and paste the file directly in there but here's a copy of sign up.
Well then rename that to sign in then inside of the sign and file.
All we really have to do is find where we make our request or set up the user request took I'll change
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
in.
I think we probably also need to update the button at the bottom.
We need to make sure that says sign in as well.
And I think that should be at its all save this flip back over and now I should be able to navigate
two off slash sign in and there's our sign and form at this point time.
I would encourage you to make sure that your application tab go to Cookies make sure you don't have
any cookie.
So right now I'm definitely not authenticated.
Well then go over to the Network tab and I'm going to attempt to sign in with an account that I created
in the past.
Now if you do not remember any valid email address or password combination that you have created before.
Make sure you go back over to sign up really quickly sign up for new accounts with some credentials
you can remember go and clear your cookie and then come back over to sign in so I remember my credentials
that I set up way long ago I created a account with test 10 at test dot com and a password of password.
Now if I go to network I need to click on sign and see the request was issued I got redirected back
to the main page and I am now considered to be signed in and I can further confirm that by going to
application looking at my cookie list and making sure I've got my cookie set as well.
Well that's pretty much it for sign in.
Yeah not that bad.
As I've said many times the first time that we go through all these different topics it takes for ever.
But then once we kind of get the idea of what's going on putting together the rest starts to go really
quickly.
All right.
So that looks pretty good.
We've got Sign Up Sign in and our content on the landing page but of course now we need to make sure
that our header gets created as well.
So let's take a stab at that header in the next video.