Because we know that we are done with the introduction, let's start building the application.
Let's start going to.
I hope you have installed me as good on your system, so we'll be calling on your school that ID or
the coordinator, which we are going to use today in our project.
So if you're an organ installer to install it or you can use and the other one like items online or
any other which you want.
There's no problem with it.
Things are exactly the same.
But the thing is, in the school, we have some special extensions which will be making use of.
So I would recommend you to you to be a.
But it's not the end of the world.
You can use anything at the last.
OK.
So after installing the escort, if you don't have installed and if you have just opened it.
So after opening it, you just need to go to the terminal.
Don't worry about what I was showing you.
I just just listen to what the commands of we need to follow.
So just to click on the terminal and the new terminal, and then you will get a terminal or command
prompt in your case.
For me, I'm using the place, so I have the Ubuntu terminal here, but you might be using command prompt
on Windows, so there's no problem with that.
Things are exactly the same.
OK, so here's what we need to do is you need to create that project.
Now what is the project near the starting project, which is given to us by the project?
So all the Normandy will send all that we need to install so that everything is installed by that particular
command, which we are going to type right now.
So let me just show you what you need to do.
So the very first thing you need to check in the terminal if you have an audience and then be installed
on a computer because that's really important for to work in the act, you need to have an audience
and then be installed on a computer.
So let me tap the command to check if it's installed or not.
So that command is not hyphen iPhone version.
And you can see there's a version of sixteen point one zero point zero, so this is the version that
means it to successfully install.
Next, we'll check the inputs and PM hyphen iPhone version.
Same command, just the name is different.
So for that, we have 7.2 4.0 editors also successfully installed on our machine.
So if this divergence also shows up, that means that to successfully install and if it's not, then
you need to download it.
This a really simple process.
You can just go to the browser and you can search for or just sort of AIG and from after going to this
website.
Or you can just download install it from here and that installer Insta like you have to install that
and Node.js will be installed on your computer.
And along with that, and people will also be installing a computer like boot installed from this particular
installer so that you don't need to be it from separate off or website or separate application.
So that is won't do.
OK, so moving on, let's go back to our router and here now what we'll do is we'll create three or
four projects and to create that, we will need to execute this commander to the space, create and
react open app and give this space.
And now we will give the name of the application, which we want to create.
So in my case, I have given Google search and this is completely up to you.
You can give any name you want.
This is purely a string, or you can give numbers all to no problem, but you don't have to give space
in between the name.
So remember the name of the production or type of speakers I fund can be given no problem.
So for now, we will give the Google search.
So this is the name of the application which you have given now.
What will happen is that a product will be created by this name.
This is the Google search.
So the first thing which will be done is the directory or the folder will be created by the statement
inside that particular folder.
Our project will be created, our project will be created.
So this is how things will work.
So after tapping the command, you need to just hit enter and the installation process will begin and
it will take around five to six to even 10 minutes to install, depending on the processing power and
internet speed of your system, so that it's completely fine.
So if it takes a little longer, don't worry and don't panic.
This is a usual process like it takes a little time only also takes around five to six minute.
So once it is done so, I will not do it because I have already installed and I've already created the
project.
So because it takes a little time, so I have already done it.
There's no special thing to start this command and and it will create a folder and inside the folder
will be your files.
Now we're going to do after you have installed the project.
You need to open that particular folder for me is it is like this Google search this folder.
So after installing, you need to open that folder with the help of VSCO to open the folder with VSCO
electrical system.
So what you will see is after you open that, you will see some files here and some folders here.
So you need to see to these folders.
Let me explain one by one what folder is for what use for the very first.
This is the version generated by VSCO could be inaugurated next to the node module.
So this is a very important folder.
All the models are in this morning's and don't delete this folder or don't do anything inside this folder.
Don't need to touch this folder.
Next, we have the folder inside.
This only one file is useful that is the index to estimate and that it's completely fine to.
Who inside this?
Only the one five, which is important is the index or the other things you can delete.
There's no problem with that.
Next, we have the essentially for all, this was one of the main folder in which we will be working
most of the times, like 99 percent of the time.
We'll be working inside this folder only and all the important files or little files would be presented
inside this folder only.
So the main thing here is is the app folder when you come to school and you go to a producer at the
root file.
This is the main file like any component you create.
That component will be rendered inside this folder.
And after you imported inside this and then, then only it will be reflected in the browser and otherwise
it would not be reflected and it will just remain as it is.
This is the we can call it as a base component or the tool component.
Also, it can be called.
And this is the main component.
Next, we will have the next audio file.
This is also really, really important.
File like this is tool component.
This is even higher than the app, just like the top-level component and after that comes to ABDEL-ATI.
So this is responsible for this sending our data to the index of legitimate and rendering it to the
browser.
So.
Now you need to do a little bit of cleanup because you will have some more files and folders here,
and I want you to delete those files and folders and clean up a little bit too.
So let me tell you what to keep and what you don't need to keep.
So don't you don't need to.
But these folders like in order to more public and this will follow these folders will be as it is,
don't build anything from them.
Don't even touch them the next.
When you come to the source folder.
Inside this, you might have you might be having some files like the report, web vitals or past 2.2
years or something like that to just delete them.
Just keep whatever is shown here on this screen, just abroad and the next two years.
And here, because a lot of packages long producing and package distribution will be there, don't delete
them.
And the still windows config will come after you install detailed one it so that I have already done
so.
It's there, but I will show you how to do that.
So don't worry about that.
OK, so.
This is that what you will do, and next you will come to the abroad file and this is the main file,
so here that there will be some extra piece of code written, but you don't need that code, actually.
So just delete that code and make your androgynous look something like this should look something like
this.
There will be some extra code extreme botox export so that you don't actually need to just delete them.
OK, so next, let us go ahead and test an application that if it's a correctly, successfully installed
or not, and then it's showing everything in the browser or not if it's rendering things in the browser
or not.
Well, let me just do this, so let me type out something, for example, here I will write a law world
we are making.
Google search.
Two, using the.
And you will save it.
And now what we will do is how to run deep about how to run this, our world and how to see our things
alive on the browser.
So that is the question.
So I'll give you the answer of that question.
You need to type a command inside the tunnel so you can also open the tunnel by control and Bektic after
that terminal will open control.
You can also closed by control Bektic, and you can open it by control and Bektic by figures like above
the Tab Key.
That's the backpack.
OK.
Next thing to do is you need to navigate to that particular folder, ordinary to go to that particular
folder where your product is residing.
So in my case, it is.
We will do a series of images directly, so we will go project.
And here that is the Google search inside the Google search.
What you will do is you will type this command, which I'm going to show you.
And after that, you will be running your server, your own server, on the local host, on a particular
port.
Probably, it's probably it's three thousand.
So let me do that, parents and PM space start.
So this will start off the server, and that is a problem.
OK, so we had a problem in our package.
Yes, and like when I was building the application, I was testing it out, so I had some changes which
will do in the future.
And I like forgot to delete those dinners because we will do it again.
That's why that was that.
But now, if future 10 p.m. start and our salad will start normally, I guess.
And this will take around like five to 10 seconds or maybe less than that.
There's no problem to like that.
It will take a more time.
It will be just running in two seconds like we are doing it for the very first time after creating the
project.
So that's why it takes a little longer.
As you can see, Sara is running on 3000 of the local host and this is the URL which is given to us
or our servers running the localhost three thousand.
So now you can go to the browser and you can open this, you are it, and you will see your genius live
on the browser.
Let me take you to the browser.
And how you can see whatever we wrote in the Proteas, so that thing is being rendered here and the
world we are making will search using react.
And that is it.
I think, you know, our our app is working fine and we can move ahead and start building other components
inside the application and start installing some other important things.
So see in the next video.