In this section, we will discuss a lot about cars and CSR, which are most common topics related to
security and hotspring security handles them.
So before we jumping onto the cars and CSR discussion, let's try to set up our easy bank UI application
so that we can call that our application through your browser and we can establish a communication link
between the front end and the back.
In the process, we will encounter the issues related to cars and CSR and we'll see how to resolve them
using security, our dads, the sample uncaught and the sample installation and the steps that you need
to follow to set up the UI project that I'm going to discuss in the coming videos.
So the steps that we have to follow to set up the way of the Easy Bank application that I have attached
to this video.
The very first thing is, since this is an angular based project, you should have a node installed
in your system for that, go to the sea wall and install the node dodgiest aspirator operating system.
And once the installation is completed, you can check with the node dot hyphen v command, which will
tell you what is the version I installed in your system.
Post that using the NPM command, which is a node command, we have to install the angular seal so that
we can perform various commands, relate to the angular project.
After you install Anglicised through this command NPM install minus the Aderet anglers smashingly go
to the visual code.
You order and install the visual core idea in your system.
So we'll use visual studio core for our Ucore developing.
Running for all those faces will use this idea after that.
Download the project that I have attach along with this video.
Once you download extract and this is how it looks.
You can see there is a package Dargis and file inside this you will project.
This is very similar to our Mavin.
So just like how we have imagined dependencies defined in the back and the similar way we have packaged
and for all the angular applications here, we have all the dependencies declared navigate to this folder
and run the command NPM install.
This will install all the dependencies that you need to run this project by creating a folder called
Nor Underscored Modules in the same folder.
Once that is done in the project using the Visual Studio code, once you reimport it is how it looks
when you have a project bank approval.
And there are these are all the dependencies that has been installed.
When you run NPM install and you have all the source code which will be discussing in the coming various
was that open the terminal, navigate the project Bankcorp UI here you have to run the command in.
So which will build and start the project in your system.
So for that I'm just running in this so and so internally we'll use Angliss to allay dependency.
That's why we have installed Anglicised also in the previous steps.
If we are doing this very first time, it will take some time to compile and build your application.
Please wait for the hundred percent to complete.
But if you encounter any issues while setting up this workspace, please try to Google the issues that
you have encountered.
And if you're still not able to resolve them, please post your questions in the Q&A section.
So now the angular application is up and running.
That's where we have received one hundred percent company successfully and the application is serving
at the old localhost for two double zero.
We can validate by going to the Ural localhost for to double zero and this is the UI of this project.
So let's try to understand what we have written inside this Ucore and a high level.
I know this is not focusing on the angular, but I just wanted to you understand the basic details of
this project and how it is going to come and get to the back and so are back and the services that we
have built and in between how we are going to implement bring security between them.
Thank you and I'll see you in the next week by.