OK, so now let's give styling when we cover the button, so let's just take that class and when we
are, so there will be a different kind of color and the color will join, the excellent will also change.
So for that, we will just select the apps, submit glass and then we will wear the colon.
And that is.
This is how we give styling, avoid like hovering.
So now we'll give some different things and things will be like pretty much the same deal here.
Like this kind of this thing I can copy and I can just paste here because I'm not only majorly the color
will change.
Nothing else will be changing.
Like, or if I can, what can I do with just copy?
This is to turn and just invert the colors, right?
For background, color will be vital.
Fight and the border will be clean itself.
Border radius will be the same and color will be green.
A lot will be green and gold said it's going to.
Now let's save and.
But the browser.
And you can see when I bring my concert here, that means when I holler so the color changes, so that
looks pretty good.
Now let's go back.
And OK, enough of scissors, I know that some of the things are left, this is, is Lambert.
We'll do it later.
First of all, let us go and jump to the main part where we do this like the you oral and FBI thing
going on.
So let's go and do that first.
So let me just first of all, go to the website.
That is the Adam.
And from here, we'll get our endpoint on API endpoint that is really, really important for.
We'll be getting that.
So how you look at that?
I do, too.
Let's go to their documentation.
I assume that you have created an account and you've created your ID like application already in that
location because that is very, very important.
So you can go to their documentation and then to the recipe search API.
And then you need to go a little bit down.
First of all, doing this to lower.
And then you can go down, down, down, down.
Then you get then you are OK, this is the you all.
Maybe this is the end point.
And then you can just go ahead and be strict.
So we'll see.
Konst, you are an equal to.
This.
So.
It's calling all this time of the scourge.
In our smarter.
And.
We'll also copy our API key and API like your app ID and.
That aapki will make a constant here naming.
Naming this.
Your API key.
First, we need to know first, we need the API.
Are you ready?
So we will copy this and we'll make up our.
Just let me go to the website and grab my keys and I.D. who may be embarking on.
OK, so I have this one, the best one.
I named, you know.
So I need to.
So from here, I'll copy the application and.
He stood here.
Based on the.
Then I'll create another constant.
Which will be constant then that's going to happen.
He.
Just copying, because after all that will be used.
Yeah.
So now.
I did this, I did this poll I discredited on another constant, and it named this the same thing.
The skin was not visible, I admitted.
That's why I'm repeating it again.
So this is another constant and this is the name of the constant which I copied from your ID because
that would be used here.
And now here we'll be storing that application only select me.
Just go back to the website.
And so the application key.
I'll copy it, and I'll go back to the browser.
Sometimes what happens when the window doesn't change, like I'm going somewhere, but the window is
stuck somewhere, so that time, like some like things happen happen and I get annoyed.
But whenever I go to not I repeat everything.
Don't worry about it.
We'll get the nod so that apparently the server application key.
Now we need to look at the.
You are and point to from here, we'll remove this calorie stuff because we do we don't make do like
make things complicated.
We need to keep it as simple as it is.
So after the application key, we will remove this and we'll move from here to help.
There have to be starter.
You know.
Is and this is basically the thing, which is the drop down rate like dairy free and egg free and something
like that immuno friendly booster, I don't know what one is.
So this is this will also be waiting once we come to the sort of known thing.
But for it, for now, it's OK.
OK, now let us check if our end point is working or not.
So let us create a function for this function will be the guard when we click.
When we click maybe a one one click wheel.
But first of all, let us create a function.
So we've created a new order.
Now let's create a function.
So that will be gone.
And.
OK, Chris, be.
In full polling, is this.
It's an easing function, so I hope you know, what is this in function and if you don't know, a new
function returns a promise and it basically returns a promise and whatever the data, whatever task
is given so that it returns like the task is completed or not completed.
So if it's completely true, it returns a proper like a promise.
If it doesn't show returns in other.
So result is equal to a week, so this isn't a week, it's functions of it now will import excuse both?
Hell, will you excuse me just.
Right first.
Code.
Excuse.
No, it's not good.
And then we'll get you, you.
All right.
Yeah.
I'm going to get to you and then we'll.
Are.
And will create a state here which will be storing their data.
It will be gone and is a used to it basically so that 60.
Recipes then said.
That's.
Is.
Make a lot of.
Spelling mistakes all.
OK, now you'll be giving you straight and this will be distorting the initial value, so.
It's an arena, basically an empty area.
OK, so now we'll import, import what we import.
You straight and straight from React.
And then we'll import excuse.
From.
Excuse me.
I took an extra.
We'll come back to the function.
Now we'll send the recipes from this site to recipes.
We'll start the recipes.
Certain recipes and it will be passing the data to.
Reserve.
It's not it's.
And next will be nominated to the council.
Controller.
No, no, no, no.
I'm lock.
And basically to 0.8 or two.
You can even save it somewhere like this entire whirlwind of variables.
But as of now, we are.
We just using it as it is.
OK, so this is it and.
Now we'll add this like.
Function to somewhere we can click, so maybe this each one, so have on click, we can add and we get
this function, so get.
Reclassifying for.
Yeah.
No, let me save it from the error.
Compiling all of time.
Got it by yeah, I know.
It was actually.
And.
How can you?
Okay.
Okay, here it is.
Oh, OK.
OK, here it will be back next, because inside we are giving this OK.
It would be better if I save it.
In altered work.
Recipes is a sign a but never used.
We are using it, actually, we are using it to.
Because.
Will be using it to console, look, the data pool, just go back and go to the browser and see how
things are going on there.
So let me just open.
The developer tools.
Some here will be.
First.
You're getting ready.
OK, I cleaned it and I got gardening today.
That is an object.
Okay, we got, yes, chicken paprikash.
We got the recipe, we got the recipe.
Big chicken, OK.
Now you might be thinking why?
Recipes are coming a little too chicken because when I go back to the code and I'll show you here,
it's chicken.
You know, this is this will be change and this will be changed by the value which you you you thought.
No need to worry about it.
OK, now we'll add a custom search feature.
Right now we check the API, it's working, Ninepoint is working.
Now we'll add the customer search API.
You can just search on your own and get the results back.
So let's do it.