Let's get started to develop this project.
But before we continue on, let's look at how we are going to tackle or develop this particular project.
We have a couple of ways to go by.
One is we can combine both the back end and then the front end together, or we can develop the entire
API first and then we come back to client side to develop the front end.
Or we can develop the back end to some point and then we blend the front end together.
The choice is yours.
Well, we can start develop the front end if we know the API that we want to consume.
In this case, we don't have the API yet, so we cannot start with the front end.
So for this particular project, I'm going to start with the API first.
In that way, you better understand how the front end and then the back end works together.
All right, so let's get started.
So first, make sure that you have a folder for that particular project.
And for me, I have name my as income expenses tracker.
And for this, we are going to create two folders.
One is for the server side and one is for the client side, or we can make it as front end.
So after that, make sure you open using your preferred code editor.
And for me, I'm going to use a Visual Studio code.
And before we continue, let me show you the extension that we are going to use.
We are going to use this extension called ten client, and we are going to use this one instead of Postman.
So if you don't have tender client, go ahead and then install it by searching for tender client.
And this is the extension.
The next extension that we are going to use is called Mongo DB.
So if it's set for MongoDB, we are going to use this extension inside of the compass.
For this we can able to visualize our database right inside Visual Studio code and I will show you how
we are going to do that one.
The first step is less initialize our project as NPM, so go to terminal and then open the terminal
that came with Visual Studio code.
So for here, let's issue the command and p m init and let's hit enter.
So the first one is the package name, meaning the folder where we are going to keep our files.
By default, it has selected the folder that we have created.
So if we want to overwrite it, why not?
You can go ahead and change it here.
But for me, I will maintain it as that.
The next question is the version for this particular project, and I like to use 1.0.0 and let's hit
enter the next one.
Going to be the description for this project.
And our code is one as keeping track of your income and expenses.
So hit enter and then the entry point is going to be the file and I would like to use silver dot jar
so I will overwrite this.
Then this one going to be the test command.
No, for now.
And then the git repository note for now and a keyword.
This one is for ASU purposes and for this application.
We don't care about that.
So I'll hit Enter and then the author for this particular project, I'm going to use the name as I never
take add ketamine and enter.
And here we go.
The last question is, is this okay?
Why not?
Then I'll hit enter.
So let me clear my terminal.
And here you go.
I've seen package dot json file.
So what is the package?
The JSON file.
This file contains the script that's going to help us to run our application and also for us to maintain
other packages that we are going to use in our project.
So that is it for now.
So let's go ahead and then structure our projects for this particular project.
That's for the API development we need.
Couple of orders.
The first one is controllers.
And then the second folder is going to be my model.
And after model I need a folder called Utils and this folder is going to contain the utility function
that our application needs.
And I will need another folder called config.
All right.
So I think this would be neat for now.
And lastly, let's go ahead and create the file called Server Dot JS.
And here we go.
In the next video, let's go ahead and then start to create our expert server.