Hello, everyone.
So now that we are in the escort, I show you how to create a real project already deployed to your
project.
So if you know how to create that and if you are like beginner or intermediate level and you know how
to create that react or default application, so you can just skip this part.
And if you don't know, so let me just tell you how to create the default real project from the initial
phase.
So for that, you need to open via scored and then don't worry about what is showing up here, the files
and all.
You will get these files in just a minute.
So don't worry about that.
Just follow what I'm saying.
So first of all, you need to go to the Terminal tab and you need to just click on New Terminal and
you will get a new terminal.
So I'm using WCL, so don't worry about this WSI that you will be getting Kimberly.
Most probably.
So all the commands and everything, I seem so what worked like them, so don't worry about that.
So.
What you need to do is you need to type a command that is A and B X.
Not capitalist and not capitalist and the X space.
Thirty eight.
Why I'm doing so much typos create React app I found in the middle.
All right, then space, and then you need to provide the name of the app.
You can provide any name for me.
I have provided recipe and then you need to head and so that will install your first.
And that will create your first flight application.
So that application will be created and it will take like around five to six minutes or maybe even 10
minutes.
It completely depends on the processing power of your computer.
For me, it generally takes five to six minutes.
So once that is done, you are good to go.
And if you have if you face any errors while execution on this command, that means you are not successfully
installed on Node.js and npm.
So if you have if you got errors to just go ahead and check this version of npm Node.js, why this command
npm if an iPhone?
So you need, you will see the version.
If you have successfully install npm, you will see this version right here and maybe nurdles.
A. Space hyphen iPhone version.
So you will see those versions.
And if you are not seeing these two while executing these two commands, if you aren't seeing those
versions, that means you have not successfully or properly installed Node.js.
And then the first go ahead and do that, which I've showed you in the previous video.
So just go ahead and install it again and then try this and this command again.
That is the and B excuse.
Act up and be up.
Could you react to the app and space in the name of the.
Project or the odd app?
Well, that's it.
And then you hit the enter again, and most probably you will get the DeFi product, the starting project.
OK, so once you get the product, it will look something like this.
You need to just go open that product via via scored.
That product will be created in the folder here, and folder will be created by the app name itself.
The name of it will be providing for the app name.
That folder will be created with that name.
So you need to open that folder with VSCO.
OK, so once you open.
So you will see a bunch of files here on the left.
So you will see a lot of files that will be ignored.
Warnings You don't need to take this folder.
This is public.
You don't need to close this folder.
And there will be Zazi that is the source folder in ninety nine percent of the time we'll be working
on this for.
All right.
So there will be a lot of external files which you need to delete and clean up.
So you need to just keep these files which are being displayed here.
That would be the Port five vital that would be tested or something like that.
So you could just delete those files and just keep the Dodgers and next door to CSIS next door to users
and that other files you do to delete these old files.
Apart from that, I don't keep anything else but don't delete after two years and extort this or this
package log or something like that.
You have to be very careful and just delete those two or three files only.
So once you delete it, you need to just direct two gorgeous on you to just clean up this.
That would be a lot of record here.
You need to just clean up and make it similar to this.
And once you make this similar to this and then you need to start working now, let us.
I hope you are in your breach this far.
Now you need to just check if your app is running or not.
So for that, you need to just type anything here and between live on the app, maybe.
Hello, world.
And for that, you need to run and see your application for that, you need to go to your folder where
the app is situated, situated and commutes project and then recipe.
So then you need to just run this application react application.
To run another application, you need to type a command that is npm space start and then enter.
So this will spin up a server on board and probably three thousand on the local host.
So there you will be able to see all the changes which you make to your applications.
Of all the changes which you make, that will be reflected, that will be reflected on the on the browser.
So as you can see, this is loading right now.
So this will take just a couple of seconds.
I'm doing it for the first time.
That's like setting time.
So here you can see our hello is Typekit.
Let me just refresh and just just go back to the view score.
And and if I just save it, I'm not saved.
But you need to save it.
OK, that allows us from another project.
So if I just go back the browser and just refresh, you don't need to refresh every dynamics auto refresh
on save.
So you can see Hello, this type.
So we don't want this exactly.
So now we will start building our project.
So what we'll do is we'll create several folders, and from then we'll be building our component by
component, everything we'll be doing step by step.
So we'll do that.