All right, so now let's set up our authentication, assuming that you have logged in and that board
look for applications and then we're going to create a new application.
So in my case, I'll name this company store.
So it's a country store and maybe let's react upfront.
And then you would want to go with a single page web application we create.
And then you can go through the QuickStart if you want.
But of course, I'll show you everything step by step.
And the first thing that I would want to do is go over these settings.
So once we click now we have the time, we have domain client ready and client secret.
And I would want you to copy both values, the domain and the client I.D., because we're going to use
that in next video.
So for the time being, I was just going to index J.S. and then add a comment and copy paste.
So this is going to be our domain and of course, this is going to be our client ID.
So, again, our comment and copy and paste, because we will need those values.
Then keep on scrolling and notice we have an application.
You are our eyes and we would need to copy and paste our URL.
Now, of course, at the moment, are you are all ears localhost three thousand.
Correct.
But eventually we might decide to push it to the next level.
So of course we'll have to have the production one as well.
And I'll show that in a second.
Essentially, it looks like if we have already the application in production for the time being, I
would suggest navigating to the URL bar and then copy and paste this one.
The localhost three thousand.
Now there's one Gotcher.
When you copy and paste, make sure that you remove that trailing forward slash.
Otherwise you might get some weird bugs.
So I'll copy and paste the first time and then I'll grab this value without that trailing forward slash.
And in three places we would want a loud callback.
You are also allowed log out your arms and the web origins in three places you copy and paste and then
of course make sure that you save the changes and we're almost done.
But remember, when we set up our app, we also would want connections.
Now, if you would want to see how I create email connection from scratch, then again, please go to
the previous project, meaning the videos for authentication for the previous project.
In this case, I'm just going to show you that if you already have one application in place, for example,
in my case, I have two of them running.
I have email setup DB so database connection and I have one for GitHub users.
I can simply use the same connection because they will right away be connected.
So if I go to my applications and if I take a look at my React County store, check it out under the
connections, I right away have both of these databases.
So if you want, of course you can create a new one.
But I'm just letting you know that if you already have the database, we are automatically using it.
And the same goes for social once again on their applications.
React Comfrey store, check it out under the connections.
We have both of the databases that I have, as well as the social connections.
So of course you can go back here and test that out.
For example, in this case, I'm going to go to the database and I'll say, you know what?
I would like to try it.
And if you want to create a user, you can also do it over here under users in rolls, for example,
if you just want to test that out.
In my case, I think I remember that there was a user by the email off, Peter.
So let me just test it out.
I'm going to go with Peter and mail dot com, I believe it was.
And then I just need to go with password.
Keep in mind that they don't send anything to you so you can go all day long with dummy here.
So let me see.
And of course, at the moment it says that such a user doesn't exist.
So let me try one more time.
I just created that users should be there so again, and there is, of course, now we successfully
logged in.
And if we want to do the same thing, for example, to the social, once again, same deal, if you
want to create a new connection, like I show in the previous project we worked on, definitely can
do it.
For example, Facebook or GitHub or whatever.
If you already created social connections when you worked on a previous project, then of course we
can just see whether that works and we can simply do that by clicking here and saying try the connection.
So in this case, I'll try to Google and I'm just going to assume that Twitter will work as well.
And there is now, of course, I have my connection and it's ready to go.
So with this in place now, of course, we can shift back to our app and just set up the zero.