OK, so now we'll be looking at how to use tailwind success and how to in the first place, how to install
it and how to implement it inside your product.
Before that, we need to go to the browser and go to the official website of the CSIS.
And it's just like the Jesus framework, like bootstrap or something.
So you can just use it for using the tiles and on to let us go to the official website.
Often this.
This is it.
So when you come to the website.
It will show.
The website rapidly built modern websites without ever leaving you.
Does the.
Immigrants, which we are going to use today in our project.
This is just like mousetrap part in this, you need to write even less gold and.
So.
What they need to do is you need to install tolerance to on our system, so for that, you need to run
this particular command, which is the npm install element.
Yes.
This copy this command and copied to your clipboard and then you can just go to your.
Ideally, you can just stop the server and base your mind.
This will be combined which and this will be the command which installed Delancy to on your computer
just tapped this command and funded ventilation system will be installed a computer.
So next, how to use it for that all to you need to come to this website only, which is the Children
US website.
So now you can go to the document.
But from here, you can learn how to use it out to implement it, or even if you know how to use it,
you will see different, different features which you can implement to your website using this particular
purpose using this particular framework scissors framework.
OK, so this is it.
And now let's roll another package that is the.
And what cackle will do like it will be won't do it for running your app, it will.
Once you let me show you what is Crackle, so.
Echo goal.
So when you go to the website, go and be armed or just.
Well, basically, it is dead here, also like.
Building.
Born on the browser.
That's a good.
Well, from early will start to basically you can run this command, all sorts of what it will do is
will install all of the latest packages which are required along with detailed one courses.
Or you can also run this command is copy this and then you can do that.
Next, you will be able to.
Get Graco file that we will do part of what here.
We will be doing is.
Next, we will install Crackle.
So this is the crackle and pop.
So what is Crackle basically create React app configuration, all right.
Is an easy and comprehensible confusion layer over the creator, the act up.
Now basically what we do is we write and beam start.
So inside that if you go to the package, don't use and fail.
So there is a script running after when when you write the npm start that particular script running
this will override that and what it'll do, it will make a little bit of faster and it will be a little
efficient.
So let me just copy this particular command from here.
And then we go to this thing, just the side and not what we can be started here and now we can install
or crackle.
So now what we do is after installing Crackle, you need to configure your package storage use and according
to you, how you will do it or.
So, you know, you can it.
So this is what you need to do.
You need to do the very, very what is minus do we have to remove that particular line and whatever
that is?
Plus you need to add that fight, you need to end that particular line.
OK, so these two, these three lines you need to delete, and instead of those three lines, you need
to basically copy and paste these green lines, OK, so that we will do we will copy this one by one.
And now we will be seated and I will go to the package or Jason, and instead of that, we will paste
all of that, which we just saw now.
It will start, then we do this.
So when we do npm start and PM starts with this particular connect start will run long run and you will
be able to start off your server and do the browser.
So this is what it will do now.
We have already installed the tailwind and sees on our project.
Next, we will have to make a Graco file.
So then insert of that file, just copy and just paste this thing.
So inside the project, basically outside of everything you need to make a file, which is the crackle
dot config daughter.
So inside the.
Not thought inside this entire project we need to make of all that is the.
But our court.
In fact.
Tortillas and tortillas and inserted this funeral took place this particular chord and will tell when
it is.
And we will see where it crackle start config thought.
Yes, but don't make any typos.
The really important.
And then we will check odd project delving into npm start.
And it should run replication because this torture isn't so you can see that it could start being written
instead of and beam starts so it could connect or start.
So that is the first sign that we have successfully installed Crackle or so you can see our servers
running using Crackle, and that is on the same for basically an uncle here.
I.
Why this is.
And it is running and seems like people believe this one.
But there is no problem with this.
And now has successfully made art installations of the tailwind and the crackle.
Now we can go ahead and style our application using detailer and CIUSSS, and we can start building
our application.
But let us go to the video and let us start creating things which we will be doing for the very first
thing which will do is we will see how to use tailwind in our project, like how to when we are creating
nav bar or something like that.
So now we will go to the Tilman website and here you will see what we need to make.
So there are a bunch of things that are that are really, really a bunch of things for like we are building
for real ideas.
So this is the like thing which we are going to do so.
We already installed Crackle.
We already added these things to our package Georgeson file.
We already created the crackle config and added, This feels like word of I was telling that is already
here.
The same thing.
I was also telling the same thing.
So this is it.
The next now we will create our never bought for the very first thing, which is that in Napa.
So let us see from there if you can find in a bar.
So.
At this.
We will create an air force.
Odd at, but what we call.
The two will be creating Arnav Bar in the next rodeo.