This will be a huge course section,
a very long course section because in this course section,
we are going to build a milestone project.
We're building a complete online shop
from the ground up A to Z,
and we're going to apply all these core concepts
we learn about throughout this course.
We're going to build the frontend and the backend.
We're going to write HTML and CSS code,
browser side JavaScript and backend JavaScript code.
We're going to work with a database.
It will all be in this course section.
Now, I'll also say right away, this is a big course section,
and we'll walk through all these steps together,
but this course section is also a great practice for you.
I'll mention it again in the next course lecture,
but definitely take this course section as an opportunity
to practice what you learned.
I'll show you the finished online shop in just a second.
And you can then try building this on your own
from the ground up,
or you just follow along with the lectures step-by-step,
but pause frequently,
try building those next features
we are about to add together
in the lectures on your own first
before you then continue with the lectures.
After a lecture is finished,
maybe try rebuilding what we built on your own.
This is really meant to be a big exercise,
so definitely use it as an exercise
in order to get the most out of this course.
Now, what are we going to build?
Well, an online shop, as I mentioned,
an online shop where you as a regular user,
no matter if you are logged in or not,
and yes, we're going to add authentication,
but where you as a regular user can browse goods,
add them to your cart and where you then, of course,
also can log in or create an account
and then log in to purchase those goods
because you will be able to browse the page
in unauthenticated mode,
but you will need to sign up and sign in
to then purchase goods.
Now, we also have some validation
to ensure you're providing correct data.
And then once you have an account and you did log in,
you can buy goods and view all your orders
once you made a purchase.
Now, this is one side of the online shop,
the customer-facing side, where you can browse goods,
add them to your cart, update them in your cart,
view your orders and so on.
We also have another side, the administration side.
If you log in with a special user,
which we'll create together in this course section,
then you see a different interface.
You can now manage products and manage orders.
And when you manage products,
you can update existing products or delete them.
You can also create new products though,
add a price and a description
and all these details,
upload an image, we'll add this as well.
And then once the product was added,
users can of course buy it.
You can, of course, also view all the orders
placed by all the customers.
And there, as an administrator,
you will also be able to update the order status.
So that, for example, once you shipped an order,
you can show that to your customers.
This is the online shop we built and, of course,
feel free to experiment with that
and add more features at the end and do whatever you want,
but this is what we'll build step-by-step
over the next course sections.
And for that, we're going to start by planning this project,
planning the data we need and the main views we need,
and we will then write both the frontend,
so the HTML, CSS, and browser side JavaScript code,
as well as all the backend code which we need.
We're also going to use a database,
MongoDB in this course section
since we worked a lot with that throughout the course.
You could also build it with MySQL though.
You don't need MongoDB, but that's what we will use here.
And therefore, by the end of this course section,
we will have practiced all these key concepts,
which we worked with over and over again
throughout this course.