Now for this section here,
I prepared another brand new starting project,
and you, of course, find it attached like always.
And once you downloaded it,
you should therefore run NPM install once
to install all the dependencies.
And then NPM Run Dev to start the development Server.
Now we'll take a look at this starting project
and the files and folders we got there in just a second,
but once you started that development Server,
you should see this login screen
if you visit Local Host 3000.
You should also be able to visit localhost3000/training
to see this page,
this dummy page with some trainings,
if we're building an app
that allows users to do some online trainings
or something like that.
And it's this page which I later want to protect
so that only authenticated users can visit it.
At the moment, everyone who enters this URL can see it,
but we'll actually start
with that log in screen here anyways,
because the first step
will be to make sure that we can create a new account
and that we then thereafter at some point
can log in with that account.
Now for that, I have this starting project
and this form,
which you're seeing here is actually in the end
rendered by that auth-form component
you find in the components folder.
It's a pretty standard component,
nothing too special in there.
We got a form, an image, some inputs,
and then this link on which we'll work together soon.
And of course, at the moment if you try to submit that form,
that won't do anything.
And that link here, this log in with existing account link
also isn't too useful yet,
but we'll work on that.
Now, besides that, you'll find a lib folder in this project,
which contains a db.js file,
which sets up a SQL light database in your project,
and which then creates some tables for our users
for those authentication sessions
and for these training items
which we're fetching
on this one page I showed you a couple of seconds ago.
And then I also set up some dummy data here
that's stored in that trainings table.
Now, I don't create any users or sessions
because we'll do that together throughout this section.
And it's this training.js file, which then, for example,
fetches all those dummy trainings.
As you see, it's a pretty straightforward file.
Well, and then we got the app folder of course,
where we set up our routes and layouts.
And there we got one route route which renders the all form.
So that's this starting page here that we see here,
and we got that training page,
which renders these training items, and that's it.
But that's of course not the finished app.
Instead, now, as a first step,
I want to make sure that we can use this auth-form
to create new users with valid data,
and then thereafter we'll work on the login and so on.