Excellent.
And once we're done with an harbage, let's do the same thing with the Log-in.
Now, there's is one functionality that is going to be missing in a log-in, not as, of course, the
actual ability to logon because we haven't connected to our authentication provider.
But at least we should display something at the moment.
If I navigate to a log in and of course, we just have a log in page essentially in this video, we'll
fix that where if we navigate to a log and page, I close the sidebar.
I will switch from heading to and I'll use my wrapper again.
So this is my style component with all the styles and all that.
So I would want to return that component instead.
And in here, I'm going to have a div with a class of container.
And then in this container, first I would want to display my image and the image is coming from image.
Jozen, the name is Log-in hyphen I M.G..
So would go with image.
And then we're gonna have a source, of course, on this case, since I named Log-in, I'm G.
That is the name that I'm providing.
And as far as the alternative text we're gonna go with, get her Buescher.
Let's close out our image.
Also, let's do adding one with a GetUp user.
So that's the text we would want to provide.
And like I said, we're going to add a button in a bottom.
But of course, there are going to be no functionality since we haven't cover D authentication provider
yet.
So right below the one, I'm gonna go with my button and then let's add again a global class.
So we're gonna go with class.
Name is equal to APTN without any functionality.
We're just going to say log in and of course we can click all day long and nothing is happening on.
The last thing that I want to do in this video is to set up the components in a dashboard page.
Again, there's not much to the components at the moment.
It is a far cry of what we're eventually going to have.
But at least I would want to showcase which components we're going to have.
And then one by one, we're going to work on them in order to do that.
I can probably close the logging.
We have the log in page.
Beautiful.
And then we're going to do the same in the dashboard.
However, since it is our big beast, just keep in mind that we'll spend most of the time by setting
up these components one by one.
And I know I covered it before when I talked about the star project.
But like I mentioned before, I'm already importing the components from the components.
So whichever components I would want to export, if you navigate two components and if you go to index,
Jess.
Notice how I'm importing them from those files.
And then I'm just saying that I would want to export them with the same name.
So essentially what that allows us is now a one line of import instead of five, because all I'm saying
is, yeah, navigate your components.
Since I'm using indexed jass, I don't have to have a Ford slash here and then the file name because
by default the index is going to be given.
And then I'm saying, yeah, get info repos, user search and no.
Now of course, our just want to display them one by one.
Again, there's not much to them.
But eventually this is where we're going to have all our components.
So I'll start with a Navar then.
Also our want to display the search.
And by the way, we can do either or if you want.
You can have a closing bracket or you can have it as a self closed.
That is also an option.
Can I have the info?
We're gonna have a user.
So this is where I'll display the card.
This is where will display the repos followers following and all that.
And then, of course, the search one is the one with a search form.
And the last one is going to be repos.
Where we'll display our chart again at the moment is just heading choose with no component.
Search component.
User info and all that.
And starting with the next video, of course, we'll work on them one by one.