All language subtitles for 1. Application Demo

Hi, everyone, and welcome to this part.

This is a demo of what you are going to build next step by step.

This is an ecommerce application used to buy online tickets for movies from different cinemas.

On the landing page, you have the navigation bar where you have the movies, the search bar and the

options to either create an account or login to your accounts.

Then in here, you have all the movies, and for each movie, you have the title, you have the description,

the cinema, the category.

And when this movie starts and when it ends based on the start and the and dates, then we have the

availability and the movie can either be available or upcoming.

If you want to learn more about a movie, you can just click the show details bottom.

And the new you'll see some more information about the movie, like, for example, the actors where

you have all the actors that play in this movie.

And for each actor, we have a profile picture and their full name.

Now, if you want to learn more about the cinemas, the producers or the actors, you can just click

on the names of, for example, in the cinema.

One, you have the logo, the name and a description.

Let us go back.

The same goes for the producer, and if you go back one more time and then go to the actors.

That is true for the actors as well.

Now, let us go back to the movies.

And here you can search for a movie.

So let us see.

We want to search for the movie life.

I'll just type in here.

Live and that click the search icon or just press enter.

So we see that we have the movie and the movies will be searched by the title and the movie description,

so if I go back to the movies and then just copy this description.

The controversy.

Basically near that quick search, we see that we get that movie now, so far we have seen what a public

user can do so without being authenticated.

But in this app, you can either login as an admin or you can log in as a simple user who just wants

to buy movies.

So let us create or let us just register for a new account for that.

Click the register button.

Now, in here, I'll just provide my credentials.

I'll provide first the first name than the last name, the username.

You need to also provide a user name because you can log into the system using either the username or

your email address.

Then the email is going to be just ervice at Topia dot com, and then you need to provide in here a

strong password.

I'll just type coding at 20, 21.

And then down here, you need to confirm the password, because if you just type another password on

that click sign up, you get that the passwords do not match error message.

So let us just remove and that type coding at 20, 21 and then click.

Sign up.

So the AKAM was created successfully, it says in here that now you can log into your accounts, I'll

just click in here logging them, provide the username that is ervice at Trippier dot com.

So the email address and then the password is coding at 20, 21, and then click login.

Once you log in, you'll see that at the top.

Right, you have the helo, that username and if you click the arrow.

You'll see that you have the profile and the orders options.

If you click on the profile and you can update your profile.

Now, let us just go back to the movies.

And then click the add to cart option for the first movie.

You'll see that once you add a movie to the car, you will be redirected to the shopping cart and on

here you have one movie, so one movie and the movie name is called Salz.

You have the price.

And this is the sum total for the movie.

That does go to add more items.

And I'll let us add the second movie.

So now you have two movies and it total is now 79.

If you want to add another copy of the same movie, you can just click the plus button in here.

So now you see that the selected demand is two, the price is thirty nine point five.

But now this subtotal is 79 and the total is one eighteen point five.

So you can see that everything gets updated in real time.

If I add one more, I have three.

The total is updated.

Let me add one more cost movie.

So two, three, four.

And the new you can also see the basket icon, which has the number two next to it, which means that

in your shopping cart, you currently have two items.

The next if you want to buy, you can just click the people check out and then you'll just provide a

sandbox, people test account and that click next darn near the password and click login.

So you can see in here now the total value, which is to.

50 U.S. dollars.

Then you have the option to pay with your credit card or a visa card.

I'll just leave the first option and then click pay now.

The payment is being processed, and once the payment is successfully processed, you'll get this message

saying that the order was completed and you can check all your orders in the orders section.

So if you go in here and then go to orders, you'll see that you have an order ID.

So this is the idea of the order.

And then the items in your order were three copies of the cold salt and four copies of the ghost.

And this was the total amount.

Now, let us log out.

And create another accounts or register.

I'm just going to type now in your test than test, the username will be just test the email test at

test dot com coding at 20, 21.

Coding at 20, 21.

And then click sign up.

So the account was created.

I'll just log in.

So test at test dot com.

The password is coding at 20, 21 and then.

Login.

So I'll just buy a movie near I'll buy the movie Life than just check out so you can see the price in

here.

I'll use the same payment method and then click pay now and then you'll just go to the order history

orders.

And I Cascine heard the order.

Now let me log out and login as the admin.

So in here I'll just type admin.

At E ticket dot com.

And then I'll just provide the passport for the admin account and then click login.

Now, when you login as an admin account, you can see some additional features in here.

The first one is the management.

And then here you can see all the cinemas that you have in your app.

The producers, the actors, you have the added icon for a movie, because now as an administrator,

you can modify the movie data and you have the add new button down here.

And also if you go to the Hallock admin.

You're seeing here that you can see all the users in your systems, like if you click the users, these

are all the users.

The last one is a default user that we have in the system, and the first two are the users that they

just created.

But you can also see all the orders in your system.

So if you go back to the channel admin that orders, you'll see that you have two orders.

The first order was done by the test test user, and he just got a copy of the life movie with a total

of thirty nine point fifty.

But the other user, the service rupia, got three copies of this movie and four copies of the other

one with a total of 276.

Fifty dollars.

Now, let us just go to the management's.

If you go to the cinemas and you can see a list of all the cinemas in your system, if you want, you

can just create another one or you can just update one.

So edit let's say cinema five updates and then description.

Just update it and click save your scroll down.

And here you have the updated description and the updated name.

But you can also remove a cinema by just clicking delete, then confirm.

If you scroll down, the cinema, five is gone.

So let me just remove the cinema for aswell.

Gone now, I'll just copy the image address and then just add a new one.

And here wants to provide the cinema logo.

You have a scene of mine here, and if you change the cinema, one to five.

The image is updated now in the description section of this video provides some links from where you

can get some images, but also provide a name.

I'll just type in your test cinema and then test description and then click create if you'll scroll

down.

And here now you have the test cinema.

Now let us just go and add an actor.

So just click in here.

Thank God.

Actors the same way you can edit, you can delete an actor.

So I'll just copy the first links or copy image address and then add a new actor, paste the profile

picture.

You want to help them provide a full name.

Let's see test actor and a test below and then click create.

So if you'll scroll down in here, you have the test actor.

Now let us go and add a producer.

So in here, just click.

Go to producers.

I'll just copy an image address and that add new.

The pasted in here and I'll stop in here, test producer and then test bill and then click create.

If you scroll down here, you have the test producer.

Now, one thing that you might have seen already is that you have this at New Butson and there is the

same button in all sections, but it is smart enough to know that based on the section that you are

currently at, each apple, for example, in here, the new producer.

But if you are in the actors, you should only create new actor, etc..

Now, let us go to the movies and then you'll just copy this image address and then add new.

The name is going to be test movie.

And that this is the best movie description.

But I'll say this movie starts, let's say, started yesterday, and then it will end next week.

The price is going to be one, two, three, four.

The cinema name is going to be the test cinema that we just created.

The actor is going to be the test actor and the actor five.

The movie will be Let US See, an action movie.

The movie producer is the best producer and in just pays the image you are al.

And when you click away, you'll see the cover image.

The next letter, just click the button.

And now down here, you can see that we have the test movie.

And because it started yesterday and it will end next week, it means that the Statos is available.

And in here now, let us keep the show details.

And, you know, you can see that we have the actor five, we have the test actor, the test cinema

test producer.

And the category is actions.

And then down here in the add to cart, you have the price set to twelfth.

Thirty four.

Now, let us go back to the list.

And here we have all the movies.

And this is the app that you are going to create next step by step.

You are going to start with an empty project using Visual Studio.

You are going to build this complete app.

Step by step by creating all the features one after another.