1
00:00:00,240 --> 00:00:10,260
OK, so now let's give styling when we cover the button, so let's just take that class and when we

2
00:00:10,500 --> 00:00:14,640
are, so there will be a different kind of color and the color will join, the excellent will also change.

3
00:00:15,090 --> 00:00:23,520
So for that, we will just select the apps, submit glass and then we will wear the colon.

4
00:00:23,520 --> 00:00:24,720
And that is.

5
00:00:25,530 --> 00:00:28,770
This is how we give styling, avoid like hovering.

6
00:00:29,310 --> 00:00:38,340
So now we'll give some different things and things will be like pretty much the same deal here.

7
00:00:38,340 --> 00:00:46,410
Like this kind of this thing I can copy and I can just paste here because I'm not only majorly the color

8
00:00:46,410 --> 00:00:46,860
will change.

9
00:00:47,460 --> 00:00:48,960
Nothing else will be changing.

10
00:00:48,970 --> 00:00:52,260
Like, or if I can, what can I do with just copy?

11
00:00:52,260 --> 00:00:56,520
This is to turn and just invert the colors, right?

12
00:00:57,840 --> 00:00:59,950
For background, color will be vital.

13
00:01:02,940 --> 00:01:07,290
Fight and the border will be clean itself.

14
00:01:08,010 --> 00:01:11,160
Border radius will be the same and color will be green.

15
00:01:16,880 --> 00:01:19,100
A lot will be green and gold said it's going to.

16
00:01:22,270 --> 00:01:23,860
Now let's save and.

17
00:01:25,410 --> 00:01:26,310
But the browser.

18
00:01:31,460 --> 00:01:40,310
And you can see when I bring my concert here, that means when I holler so the color changes, so that

19
00:01:40,310 --> 00:01:41,240
looks pretty good.

20
00:01:42,180 --> 00:01:43,220
Now let's go back.

21
00:01:45,070 --> 00:01:51,970
And OK, enough of scissors, I know that some of the things are left, this is, is Lambert.

22
00:01:52,180 --> 00:01:53,140
We'll do it later.

23
00:01:53,170 --> 00:02:02,950
First of all, let us go and jump to the main part where we do this like the you oral and FBI thing

24
00:02:02,950 --> 00:02:03,280
going on.

25
00:02:03,640 --> 00:02:06,070
So let's go and do that first.

26
00:02:06,990 --> 00:02:09,770
So let me just first of all, go to the website.

27
00:02:10,090 --> 00:02:12,340
That is the Adam.

28
00:02:15,680 --> 00:02:22,310
And from here, we'll get our endpoint on API endpoint that is really, really important for.

29
00:02:24,130 --> 00:02:25,000
We'll be getting that.

30
00:02:25,780 --> 00:02:26,880
So how you look at that?

31
00:02:27,220 --> 00:02:28,210
I do, too.

32
00:02:28,540 --> 00:02:29,980
Let's go to their documentation.

33
00:02:30,250 --> 00:02:36,490
I assume that you have created an account and you've created your ID like application already in that

34
00:02:36,490 --> 00:02:38,650
location because that is very, very important.

35
00:02:39,190 --> 00:02:43,300
So you can go to their documentation and then to the recipe search API.

36
00:02:44,990 --> 00:02:47,600
And then you need to go a little bit down.

37
00:02:48,830 --> 00:02:50,720
First of all, doing this to lower.

38
00:02:51,930 --> 00:02:55,950
And then you can go down, down, down, down.

39
00:02:57,270 --> 00:03:00,350
Then you get then you are OK, this is the you all.

40
00:03:01,080 --> 00:03:03,720
Maybe this is the end point.

41
00:03:04,500 --> 00:03:08,250
And then you can just go ahead and be strict.

42
00:03:10,070 --> 00:03:11,650
So we'll see.

43
00:03:13,160 --> 00:03:16,130
Konst, you are an equal to.

44
00:03:17,820 --> 00:03:18,270
This.

45
00:03:19,350 --> 00:03:19,950
So.

46
00:03:25,800 --> 00:03:27,990
It's calling all this time of the scourge.

47
00:03:29,150 --> 00:03:30,260
In our smarter.

48
00:03:31,930 --> 00:03:32,670
And.

49
00:03:34,630 --> 00:03:40,180
We'll also copy our API key and API like your app ID and.

50
00:03:41,590 --> 00:03:46,960
That aapki will make a constant here naming.

51
00:03:48,310 --> 00:03:49,090
Naming this.

52
00:03:50,170 --> 00:03:51,430
Your API key.

53
00:03:53,670 --> 00:03:56,100
First, we need to know first, we need the API.

54
00:03:57,190 --> 00:03:57,690
Are you ready?

55
00:03:58,300 --> 00:04:01,210
So we will copy this and we'll make up our.

56
00:04:03,270 --> 00:04:12,780
Just let me go to the website and grab my keys and I.D. who may be embarking on.

57
00:04:16,020 --> 00:04:19,380
OK, so I have this one, the best one.

58
00:04:20,620 --> 00:04:22,380
I named, you know.

59
00:04:23,630 --> 00:04:25,720
So I need to.

60
00:04:30,310 --> 00:04:34,520
So from here, I'll copy the application and.

61
00:04:35,860 --> 00:04:36,650
He stood here.

62
00:04:38,500 --> 00:04:39,990
Based on the.

63
00:04:40,970 --> 00:04:43,340
Then I'll create another constant.

64
00:04:45,040 --> 00:04:49,000
Which will be constant then that's going to happen.

65
00:04:49,210 --> 00:04:49,510
He.

66
00:04:50,730 --> 00:04:55,910
Just copying, because after all that will be used.

67
00:04:56,150 --> 00:04:56,450
Yeah.

68
00:04:56,990 --> 00:04:57,590
So now.

69
00:04:58,770 --> 00:05:05,690
I did this, I did this poll I discredited on another constant, and it named this the same thing.

70
00:05:06,660 --> 00:05:08,370
The skin was not visible, I admitted.

71
00:05:08,640 --> 00:05:09,810
That's why I'm repeating it again.

72
00:05:10,020 --> 00:05:16,920
So this is another constant and this is the name of the constant which I copied from your ID because

73
00:05:16,920 --> 00:05:17,970
that would be used here.

74
00:05:18,570 --> 00:05:21,510
And now here we'll be storing that application only select me.

75
00:05:21,510 --> 00:05:22,680
Just go back to the website.

76
00:05:24,270 --> 00:05:25,650
And so the application key.

77
00:05:26,720 --> 00:05:29,210
I'll copy it, and I'll go back to the browser.

78
00:05:30,230 --> 00:05:35,360
Sometimes what happens when the window doesn't change, like I'm going somewhere, but the window is

79
00:05:35,360 --> 00:05:41,810
stuck somewhere, so that time, like some like things happen happen and I get annoyed.

80
00:05:41,810 --> 00:05:43,910
But whenever I go to not I repeat everything.

81
00:05:44,330 --> 00:05:45,110
Don't worry about it.

82
00:05:45,410 --> 00:05:48,220
We'll get the nod so that apparently the server application key.

83
00:05:48,830 --> 00:05:50,530
Now we need to look at the.

84
00:05:53,010 --> 00:06:03,090
You are and point to from here, we'll remove this calorie stuff because we do we don't make do like

85
00:06:03,090 --> 00:06:04,500
make things complicated.

86
00:06:05,130 --> 00:06:07,530
We need to keep it as simple as it is.

87
00:06:08,090 --> 00:06:16,970
So after the application key, we will remove this and we'll move from here to help.

88
00:06:19,390 --> 00:06:20,770
There have to be starter.

89
00:06:22,130 --> 00:06:22,410
You know.

90
00:06:23,400 --> 00:06:33,450
Is and this is basically the thing, which is the drop down rate like dairy free and egg free and something

91
00:06:33,450 --> 00:06:37,410
like that immuno friendly booster, I don't know what one is.

92
00:06:37,830 --> 00:06:43,380
So this is this will also be waiting once we come to the sort of known thing.

93
00:06:43,620 --> 00:06:45,710
But for it, for now, it's OK.

94
00:06:46,020 --> 00:06:50,490
OK, now let us check if our end point is working or not.

95
00:06:50,970 --> 00:06:57,600
So let us create a function for this function will be the guard when we click.

96
00:06:58,230 --> 00:07:02,670
When we click maybe a one one click wheel.

97
00:07:03,210 --> 00:07:05,310
But first of all, let us create a function.

98
00:07:06,060 --> 00:07:08,280
So we've created a new order.

99
00:07:08,340 --> 00:07:10,380
Now let's create a function.

100
00:07:11,650 --> 00:07:13,100
So that will be gone.

101
00:07:13,390 --> 00:07:13,990
And.

102
00:07:15,740 --> 00:07:17,920
OK, Chris, be.

103
00:07:20,480 --> 00:07:22,640
In full polling, is this.

104
00:07:26,120 --> 00:07:31,820
It's an easing function, so I hope you know, what is this in function and if you don't know, a new

105
00:07:32,180 --> 00:07:39,470
function returns a promise and it basically returns a promise and whatever the data, whatever task

106
00:07:39,650 --> 00:07:45,230
is given so that it returns like the task is completed or not completed.

107
00:07:45,590 --> 00:07:50,900
So if it's completely true, it returns a proper like a promise.

108
00:07:52,250 --> 00:07:54,200
If it doesn't show returns in other.

109
00:07:55,420 --> 00:08:03,220
So result is equal to a week, so this isn't a week, it's functions of it now will import excuse both?

110
00:08:03,250 --> 00:08:05,440
Hell, will you excuse me just.

111
00:08:06,310 --> 00:08:07,120
Right first.

112
00:08:07,930 --> 00:08:08,320
Code.

113
00:08:11,270 --> 00:08:12,050
Excuse.

114
00:08:13,200 --> 00:08:15,680
No, it's not good.

115
00:08:16,020 --> 00:08:17,580
And then we'll get you, you.

116
00:08:18,960 --> 00:08:19,410
All right.

117
00:08:19,620 --> 00:08:19,920
Yeah.

118
00:08:20,900 --> 00:08:22,970
I'm going to get to you and then we'll.

119
00:08:25,110 --> 00:08:25,530
Are.

120
00:08:27,770 --> 00:08:33,410
And will create a state here which will be storing their data.

121
00:08:34,130 --> 00:08:38,870
It will be gone and is a used to it basically so that 60.

122
00:08:40,850 --> 00:08:43,250
Recipes then said.

123
00:08:45,880 --> 00:08:46,250
That's.

124
00:08:47,740 --> 00:08:48,100
Is.

125
00:08:49,090 --> 00:08:49,780
Make a lot of.

126
00:08:51,730 --> 00:08:52,840
Spelling mistakes all.

127
00:08:53,300 --> 00:08:59,810
OK, now you'll be giving you straight and this will be distorting the initial value, so.

128
00:09:01,680 --> 00:09:03,570
It's an arena, basically an empty area.

129
00:09:04,210 --> 00:09:09,060
OK, so now we'll import, import what we import.

130
00:09:11,300 --> 00:09:16,100
You straight and straight from React.

131
00:09:19,980 --> 00:09:21,810
And then we'll import excuse.

132
00:09:25,810 --> 00:09:26,290
From.

133
00:09:27,880 --> 00:09:28,830
Excuse me.

134
00:09:29,290 --> 00:09:31,680
I took an extra.

135
00:09:32,680 --> 00:09:34,510
We'll come back to the function.

136
00:09:35,230 --> 00:09:40,510
Now we'll send the recipes from this site to recipes.

137
00:09:41,700 --> 00:09:43,330
We'll start the recipes.

138
00:09:45,670 --> 00:09:49,630
Certain recipes and it will be passing the data to.

139
00:09:53,010 --> 00:09:53,610
Reserve.

140
00:09:55,610 --> 00:09:57,470
It's not it's.

141
00:09:58,460 --> 00:10:02,150
And next will be nominated to the council.

142
00:10:03,650 --> 00:10:04,340
Controller.

143
00:10:06,030 --> 00:10:07,650
No, no, no, no.

144
00:10:08,220 --> 00:10:09,150
I'm lock.

145
00:10:09,810 --> 00:10:13,320
And basically to 0.8 or two.

146
00:10:13,800 --> 00:10:17,410
You can even save it somewhere like this entire whirlwind of variables.

147
00:10:17,430 --> 00:10:19,620
But as of now, we are.

148
00:10:21,810 --> 00:10:23,130
We just using it as it is.

149
00:10:23,610 --> 00:10:26,280
OK, so this is it and.

150
00:10:27,840 --> 00:10:30,330
Now we'll add this like.

151
00:10:31,270 --> 00:10:39,970
Function to somewhere we can click, so maybe this each one, so have on click, we can add and we get

152
00:10:39,970 --> 00:10:41,020
this function, so get.

153
00:10:44,310 --> 00:10:45,420
Reclassifying for.

154
00:10:46,440 --> 00:10:46,680
Yeah.

155
00:10:47,590 --> 00:10:50,250
No, let me save it from the error.

156
00:10:52,250 --> 00:10:55,040
Compiling all of time.

157
00:10:56,800 --> 00:10:59,430
Got it by yeah, I know.

158
00:10:59,940 --> 00:11:00,660
It was actually.

159
00:11:01,910 --> 00:11:02,390
And.

160
00:11:03,880 --> 00:11:04,630
How can you?

161
00:11:05,950 --> 00:11:07,300
Okay.

162
00:11:07,360 --> 00:11:08,830
Okay, here it is.

163
00:11:09,060 --> 00:11:10,040
Oh, OK.

164
00:11:12,580 --> 00:11:19,160
OK, here it will be back next, because inside we are giving this OK.

165
00:11:19,680 --> 00:11:21,870
It would be better if I save it.

166
00:11:23,410 --> 00:11:24,340
In altered work.

167
00:11:25,580 --> 00:11:27,920
Recipes is a sign a but never used.

168
00:11:30,200 --> 00:11:32,680
We are using it, actually, we are using it to.

169
00:11:33,820 --> 00:11:34,600
Because.

170
00:11:36,220 --> 00:11:44,350
Will be using it to console, look, the data pool, just go back and go to the browser and see how

171
00:11:44,500 --> 00:11:45,490
things are going on there.

172
00:11:51,130 --> 00:11:52,510
So let me just open.

173
00:11:55,080 --> 00:11:56,100
The developer tools.

174
00:11:57,320 --> 00:11:58,340
Some here will be.

175
00:12:01,640 --> 00:12:02,060
First.

176
00:12:03,100 --> 00:12:03,950
You're getting ready.

177
00:12:03,990 --> 00:12:06,070
OK, I cleaned it and I got gardening today.

178
00:12:07,310 --> 00:12:08,550
That is an object.

179
00:12:08,570 --> 00:12:12,680
Okay, we got, yes, chicken paprikash.

180
00:12:13,520 --> 00:12:15,660
We got the recipe, we got the recipe.

181
00:12:15,680 --> 00:12:16,970
Big chicken, OK.

182
00:12:17,750 --> 00:12:19,280
Now you might be thinking why?

183
00:12:19,760 --> 00:12:25,610
Recipes are coming a little too chicken because when I go back to the code and I'll show you here,

184
00:12:25,610 --> 00:12:26,820
it's chicken.

185
00:12:26,860 --> 00:12:33,950
You know, this is this will be change and this will be changed by the value which you you you thought.

186
00:12:34,630 --> 00:12:35,840
No need to worry about it.

187
00:12:38,920 --> 00:12:41,620
OK, now we'll add a custom search feature.

188
00:12:42,040 --> 00:12:45,730
Right now we check the API, it's working, Ninepoint is working.

189
00:12:46,120 --> 00:12:48,660
Now we'll add the customer search API.

190
00:12:48,950 --> 00:12:51,760
You can just search on your own and get the results back.

191
00:12:52,330 --> 00:12:53,200
So let's do it.