1
00:00:06,100 --> 00:00:11,900
Everything is set now!. Login and signup 
are ready.What to do next? Add the link now.

2
00:00:12,000 --> 00:00:29,600
When the logout button is clicked, I have 
to go to sign out. It is working. Now let's 
give action to 'SELL'.

3
00:00:29,700 --> 00:00:34,500
When the 'SELL' button is clicked a form 
should appear. We have already designed the 
form.

4
00:00:34,600 --> 00:00:39,400
ok, let's show that component here, we have 
to set the path first.

5
00:00:39,500 --> 00:00:49,200
Let's go to App first. Then set the path.

6
00:00:49,300 --> 00:00:54,100
What is the name of the component?

7
00:00:54,200 --> 00:00:59,000
Is it Create? yes.

8
00:00:59,100 --> 00:01:08,800
It's not coming Automatically. First, change 
that javascript.

9
00:01:08,900 --> 00:01:18,600
Let's name the route as 'create'.

10
00:01:18,700 --> 00:01:28,400
import Create from './Pages/Create

11
00:01:28,500 --> 00:01:33,300
Let's check the form now.

12
00:01:33,400 --> 00:01:38,200


13
00:01:38,300 --> 00:01:43,100
There is 'name','category','price', and 'fileupload'.

14
00:01:43,200 --> 00:01:48,000
First, let's give them actions.

15
00:01:48,100 --> 00:01:52,900
As usual,  you have to move each one into 
a state.

16
00:01:53,000 --> 00:01:57,800
Let's meet again after doing this.Before 
that let's go to the 'create' form.

17
00:01:57,900 --> 00:02:02,700
Here is the 'Create' form. It's a big form.

18
00:02:02,800 --> 00:02:07,600
Let's give the actions.

19
00:02:07,700 --> 00:02:12,500
Let's give actions to 'name','price' and 
'category' except 'fileupload'.

20
00:02:12,600 --> 00:02:17,400
Let's meet again after giving action to these 
form fields.

21
00:02:17,500 --> 00:02:22,300
Let's show them how to upload an image.

22
00:02:22,400 --> 00:02:27,200
We have already shown that in the previous 
tutorial.

23
00:02:27,300 --> 00:02:46,800
So we have given a state to every field except, 
the image state change. We will do it now.

24
00:02:46,900 --> 00:02:51,700
There is an input field for the image. Its 
type is file.

25
00:02:51,800 --> 00:02:56,600
Write 'onChange' listener there.

26
00:02:56,700 --> 00:03:06,400
Let's change the file inside the listener.

27
00:03:06,500 --> 00:03:11,300
Here also an 'event' is coming.

28
00:03:11,400 --> 00:03:26,000
setImage(e.target.files[0])

29
00:03:26,100 --> 00:03:30,900
It's an array, when uploading multiple files 
it will go into an array.

30
00:03:31,000 --> 00:03:35,800
We want the first file.

31
00:03:35,900 --> 00:03:45,600
Let's display the chosen file in this tag.

32
00:03:45,700 --> 00:03:50,500
'src' already exists there in the last. We 
have to display the image only if it exists.

33
00:03:50,600 --> 00:03:55,400
Let's write its logic first.

34
00:03:55,500 --> 00:04:05,200


35
00:04:05,300 --> 00:04:10,100


36
00:04:10,200 --> 00:04:15,000
There is a type called BLOB. Just google 
it for further details.

37
00:04:15,100 --> 00:04:24,800
We have to convert BLOB as a URL then only 
it can preview in HTML.

38
00:04:24,900 --> 00:04:39,500
For that javascript giving a method called 
URL.createObjectURL.We are passing this image 
to this function.

39
00:04:39,600 --> 00:04:49,300
If there is no image, let's pass an empty 
string.

40
00:04:49,400 --> 00:04:54,200
Let's try it now.

41
00:04:54,300 --> 00:04:59,100
Let's choose a file now.

42
00:04:59,200 --> 00:05:04,000
It's working.

43
00:05:04,100 --> 00:05:08,900
Now let's have to store these items to the 
firestore.

44
00:05:09,000 --> 00:05:13,800


45
00:05:13,900 --> 00:05:18,700
And in storage.

46
00:05:18,800 --> 00:05:23,600
Image is stored in storage, and data is stored 
in firestore.

47
00:05:23,700 --> 00:05:28,500
What will we get in return when uploading 
an image?It gives us an URL in return.

48
00:05:28,600 --> 00:05:33,400
And putting that URL in 'src.'

49
00:05:33,500 --> 00:05:43,200
This is one collection. Similar to that, 
another collection will come called products.

50
00:05:43,300 --> 00:05:53,000
One document is a product. There is a product 
id and product URL.

51
00:05:53,100 --> 00:05:57,900
Firebase will store that image and give back 
the URL for that image.

52
00:05:58,000 --> 00:06:02,800
Let's implement it.

53
00:06:02,900 --> 00:06:12,600
For that, let's give action to a button called 
'upload'.

54
00:06:12,700 --> 00:06:37,100
Before that, let's remove the form tags.We 
are giving action to the button instead of 
form.

55
00:06:37,200 --> 00:06:42,000
Are there any changes in style? No

56
00:06:42,100 --> 00:06:46,900
Let's give action to that button.

57
00:06:47,000 --> 00:06:51,800
In the onClick event, the image should be 
uploaded and the form submitted.

58
00:06:51,900 --> 00:07:06,500
For that, let's write a function called handle 
submit.

59
00:07:06,600 --> 00:07:11,400


60
00:07:11,500 --> 00:07:16,300
Handle submit is an arrow function.

61
00:07:16,400 --> 00:07:21,200


62
00:07:21,300 --> 00:07:26,100


63
00:07:26,200 --> 00:07:31,000


64
00:07:31,100 --> 00:07:35,900


65
00:07:36,000 --> 00:07:45,700
Now let's upload this image into the file 
upload of firebase.

66
00:07:45,800 --> 00:07:50,600
Now we have to go to config and say we are 
using firestore.

67
00:07:50,700 --> 00:08:05,300


68
00:08:05,400 --> 00:08:10,200


69
00:08:10,300 --> 00:08:15,100
Let's upload that file

70
00:08:15,200 --> 00:08:20,000
For that we need two contexts.

71
00:08:20,100 --> 00:08:24,900
userContext and firebaseContext.

72
00:08:25,000 --> 00:08:29,800


73
00:08:29,900 --> 00:08:34,700
We need to know which user is uploading the 
file.

74
00:08:34,800 --> 00:08:54,300
We are giving userid. There is a page called 
'view post' that is used for showing posts 
in large sizes.

75
00:08:54,400 --> 00:09:09,000
We can fetch the user details using this 
userid.

76
00:09:09,100 --> 00:09:23,700
We are storing userid along with user details 
in collection.

77
00:09:23,800 --> 00:09:28,600
First let's upload the file.

78
00:09:28,700 --> 00:09:58,000
Let's import two contexts first.FirebaseContext 
and AuthContext.

79
00:09:58,100 --> 00:10:02,900


80
00:10:03,000 --> 00:10:07,800
File uploading is possible only after login.

81
00:10:07,900 --> 00:10:12,700


82
00:10:12,800 --> 00:10:17,600


83
00:10:17,700 --> 00:10:22,500


84
00:10:22,600 --> 00:10:27,400


85
00:10:27,500 --> 00:10:32,300


86
00:10:32,400 --> 00:10:37,200


87
00:10:37,300 --> 00:10:42,100


88
00:10:42,200 --> 00:10:47,000


89
00:10:47,100 --> 00:10:51,900
Now we have set everything.

90
00:10:52,000 --> 00:10:56,800


91
00:10:56,900 --> 00:11:01,700
We have done all prepration to use firestorage 
of firebase.

92
00:11:01,800 --> 00:11:06,600
Let's upload this image to firestorage.

93
00:11:06,700 --> 00:11:11,500
For that firebas.

94
00:11:11,600 --> 00:11:16,400
Storage

95
00:11:16,500 --> 00:11:21,300
Storage is a function in that we have another 
function called ref.

96
00:11:21,400 --> 00:11:26,200


97
00:11:26,300 --> 00:11:31,100
Let's give path in the ref function.

98
00:11:31,200 --> 00:11:36,000
path where our image gets uploaded.

99
00:11:36,100 --> 00:11:40,900
Let's give /image as path

100
00:11:41,000 --> 00:11:45,800
Let's give the name also.

101
00:11:45,900 --> 00:11:50,700
Lets use back tick

102
00:11:50,800 --> 00:11:55,600
for writing javascript.

103
00:11:55,700 --> 00:12:05,400


104
00:12:05,500 --> 00:12:10,300
image name is acessible here

105
00:12:10,400 --> 00:12:15,200
That is a BLOB. It has all the details about 
the image, like name, filesize.

106
00:12:15,300 --> 00:12:20,100


107
00:12:20,200 --> 00:12:25,000


108
00:12:25,100 --> 00:12:29,900
Let's use put method to upload the file.

109
00:12:30,000 --> 00:12:34,800
Let's give image into the put method.

110
00:12:34,900 --> 00:12:39,700


111
00:12:39,800 --> 00:12:59,300
In the 'then' block we use the ref object 
to take the image URL.

112
00:12:59,400 --> 00:13:28,700
ref.getDownloadURL

113
00:13:28,800 --> 00:13:33,600
Let's console the URL.

114
00:13:33,700 --> 00:13:38,500


115
00:13:38,600 --> 00:13:43,400
For checking whether image is uploaded or 
not.

116
00:13:43,500 --> 00:13:48,300
Save the code.After uploading the file.

117
00:13:48,400 --> 00:13:53,200


118
00:13:53,300 --> 00:13:58,100


119
00:13:58,200 --> 00:14:03,000


120
00:14:03,100 --> 00:14:07,900
Check the console

121
00:14:08,000 --> 00:14:12,800
It says we have no permssion.

122
00:14:12,900 --> 00:14:17,700
We have to get logged in to upload a file.

123
00:14:17,800 --> 00:14:22,600
Let's log in to clear this prblem.

124
00:14:22,700 --> 00:14:27,500


125
00:14:27,600 --> 00:14:32,400


126
00:14:32,500 --> 00:14:37,300


127
00:14:37,400 --> 00:14:42,200


128
00:14:42,300 --> 00:14:47,100
After logged in let's go to create.

129
00:14:47,200 --> 00:14:52,000
Give action to this button either by link 
or by history method.

130
00:14:52,100 --> 00:14:56,900


131
00:14:57,000 --> 00:15:01,800


132
00:15:01,900 --> 00:15:06,700


133
00:15:06,800 --> 00:15:11,600
Upload the file.

134
00:15:11,700 --> 00:15:16,500


135
00:15:16,600 --> 00:15:21,400
Show the URL

136
00:15:21,500 --> 00:15:26,300


137
00:15:26,400 --> 00:15:31,200
Go to the Storage

138
00:15:31,300 --> 00:15:36,100
A folder called storage is created.

139
00:15:36,200 --> 00:15:41,000


140
00:15:41,100 --> 00:15:45,900
Let's push this to fire store.

141
00:15:46,000 --> 00:15:50,800


142
00:15:50,900 --> 00:15:55,700
It is an object.

143
00:15:55,800 --> 00:16:00,600


144
00:16:00,700 --> 00:16:05,500
Let's give collection name as products.

145
00:16:05,600 --> 00:16:10,400


146
00:16:10,500 --> 00:16:15,300
We are giving name,category

147
00:16:15,400 --> 00:16:20,200
price

148
00:16:20,300 --> 00:16:25,100
imageUrl

149
00:16:25,200 --> 00:16:30,000
to collection

150
00:16:30,100 --> 00:16:34,900


151
00:16:35,000 --> 00:16:39,800
Write like this if object has same name and 
key.

152
00:16:39,900 --> 00:16:44,700
There is no need to specify

153
00:16:44,800 --> 00:16:49,600


154
00:16:49,700 --> 00:16:54,500
Two things are missing

155
00:16:54,600 --> 00:16:59,400
userid equal to user from  Authcontext.

156
00:16:59,500 --> 00:17:04,300
userId:user.uid

157
00:17:04,400 --> 00:17:09,200


158
00:17:09,300 --> 00:17:14,100
Next give a date as createdAt

159
00:17:14,200 --> 00:17:19,000
Which mention about when the product is created.

160
00:17:19,100 --> 00:17:23,900


161
00:17:24,000 --> 00:17:28,800


162
00:17:28,900 --> 00:17:33,700


163
00:17:33,800 --> 00:17:38,600


164
00:17:38,700 --> 00:17:43,500
New date give us the current date.

165
00:17:43,600 --> 00:17:48,400


166
00:17:48,500 --> 00:17:53,300


167
00:17:53,400 --> 00:17:58,200


168
00:17:58,300 --> 00:18:03,100
After doing this we uploaded the products.

169
00:18:03,200 --> 00:18:08,000


170
00:18:08,100 --> 00:18:12,900


171
00:18:13,000 --> 00:18:17,800
Let's upload

172
00:18:17,900 --> 00:18:22,700
Uploading is finished.

173
00:18:22,800 --> 00:18:27,600


174
00:18:27,700 --> 00:18:32,500
Because of pressing the button two times,file 
uploaded two times.

175
00:18:32,600 --> 00:18:37,400
Here there is userid,Go to users please

176
00:18:37,500 --> 00:18:42,300
This id and userid are same right? yes

177
00:18:42,400 --> 00:18:47,200


178
00:18:47,300 --> 00:18:52,100
We are taking the details by matching this 
id

179
00:18:52,200 --> 00:18:57,000


180
00:18:57,100 --> 00:19:01,900
Let's display these in home page dynamically.

181
00:19:02,000 --> 00:19:06,800


182
00:19:06,900 --> 00:19:11,700


183
00:19:11,800 --> 00:19:16,600
Let's import useHistory

184
00:19:16,700 --> 00:19:21,500


185
00:19:21,600 --> 00:19:26,400


186
00:19:26,500 --> 00:19:31,300
Let's use that

187
00:19:31,400 --> 00:19:36,200


188
00:19:36,300 --> 00:19:41,100


189
00:19:41,200 --> 00:19:46,000


190
00:19:46,100 --> 00:19:50,900
We have imported the usehistory.

191
00:19:51,000 --> 00:19:55,800
Let's redrect to home page.

192
00:19:55,900 --> 00:20:00,700
Let's do it

193
00:20:00,800 --> 00:20:05,600
Reload the page

194
00:20:05,700 --> 00:20:10,500
Fill the form

195
00:20:10,600 --> 00:20:15,400


196
00:20:15,500 --> 00:20:20,300
It's working.

197
00:20:20,400 --> 00:20:25,200
Let's display these items as cards in home 
page.

198
00:20:25,300 --> 00:20:30,100
Press control+P

199
00:20:30,200 --> 00:20:35,000
There you can type the file name you want 
to go.

200
00:20:35,100 --> 00:20:39,900


201
00:20:40,000 --> 00:20:44,800
We need to display these posts if and only 
if when they are mounted for the first time.

202
00:20:44,900 --> 00:20:49,700


203
00:20:49,800 --> 00:20:54,600
This is the parent div of post.

204
00:20:54,700 --> 00:20:59,500
Let's check the quick view.

205
00:20:59,600 --> 00:21:04,400


206
00:21:04,500 --> 00:21:09,300


207
00:21:09,400 --> 00:21:14,200
This is one card, we have to make this card 
dynmaic.

208
00:21:14,300 --> 00:21:19,100


209
00:21:19,200 --> 00:21:24,000


210
00:21:24,100 --> 00:21:28,900
For that,

211
00:21:29,000 --> 00:21:33,800
we need to collect the uploaded products.

212
00:21:33,900 --> 00:21:38,700
Let's use useEffect

213
00:21:38,800 --> 00:21:43,600


214
00:21:43,700 --> 00:21:48,500
and useContext

215
00:21:48,600 --> 00:21:53,400


216
00:21:53,500 --> 00:21:58,300


217
00:21:58,400 --> 00:22:03,200
Let's write context first.

218
00:22:03,300 --> 00:22:08,100


219
00:22:08,200 --> 00:22:13,000
We are repeating the previous step here.

220
00:22:13,100 --> 00:22:17,900


221
00:22:18,000 --> 00:22:22,800


222
00:22:22,900 --> 00:22:27,700


223
00:22:27,800 --> 00:22:32,600


224
00:22:32,700 --> 00:22:37,500
We have to store the products in one state.

225
00:22:37,600 --> 00:22:42,400


226
00:22:42,500 --> 00:22:47,300
Let's initialize state also.

227
00:22:47,400 --> 00:22:52,200


228
00:22:52,300 --> 00:22:57,100


229
00:22:57,200 --> 00:23:02,000


230
00:23:02,100 --> 00:23:06,900
products is an array

231
00:23:07,000 --> 00:23:11,800
Multiple datas will be there.

232
00:23:11,900 --> 00:23:16,700


233
00:23:16,800 --> 00:23:21,600
Let's call to the firebase using useEffect.

234
00:23:21,700 --> 00:23:26,500


235
00:23:26,600 --> 00:23:31,400


236
00:23:31,500 --> 00:23:36,300


237
00:23:36,400 --> 00:23:41,200


238
00:23:41,300 --> 00:23:46,100


239
00:23:46,200 --> 00:23:51,000
give there collection name.

240
00:23:51,100 --> 00:23:55,900


241
00:23:56,000 --> 00:24:00,800


242
00:24:00,900 --> 00:24:05,700


243
00:24:05,800 --> 00:24:10,600
It give us a snapshot in return.

244
00:24:10,700 --> 00:24:15,500


245
00:24:15,600 --> 00:24:20,400


246
00:24:20,500 --> 00:24:25,300


247
00:24:25,400 --> 00:24:30,200


248
00:24:30,300 --> 00:24:35,100
Let's get a parameter called snapshot in 
then block.

249
00:24:35,200 --> 00:24:40,000
There is an array called docs.

250
00:24:40,100 --> 00:24:44,900
There is alots of methods in each documents.

251
00:24:45,000 --> 00:24:49,800
We need method called data and property called 
id.

252
00:24:49,900 --> 00:24:54,700


253
00:24:54,800 --> 00:24:59,600


254
00:24:59,700 --> 00:25:04,500


255
00:25:04,600 --> 00:25:09,400
There is an array method called map which 
returns an array.

256
00:25:09,500 --> 00:25:14,300


257
00:25:14,400 --> 00:25:19,200
Let's make a variable called allpost.

258
00:25:19,300 --> 00:25:24,100


259
00:25:24,200 --> 00:25:29,000


260
00:25:29,100 --> 00:25:33,900
Doc is an array

261
00:25:34,000 --> 00:25:38,800
Product is the first argument in map

262
00:25:38,900 --> 00:25:43,700


263
00:25:43,800 --> 00:25:48,600


264
00:25:48,700 --> 00:25:53,500
We have to call a function called data on 
this document to access data.

265
00:25:53,600 --> 00:25:58,400


266
00:25:58,500 --> 00:26:03,300


267
00:26:03,400 --> 00:26:08,200
When we return something inside the map, 
it will return to this array.

268
00:26:08,300 --> 00:26:13,100


269
00:26:13,200 --> 00:26:18,000
There is a method called data

270
00:26:18,100 --> 00:26:22,900
It returns an object of the document.

271
00:26:23,000 --> 00:26:27,800


272
00:26:27,900 --> 00:26:32,700
let's spread this object

273
00:26:32,800 --> 00:26:37,600
Include productid.

274
00:26:37,700 --> 00:26:42,500


275
00:26:42,600 --> 00:26:47,400
Change the name to product

276
00:26:47,500 --> 00:26:52,300


277
00:26:52,400 --> 00:26:57,200
Let's give id here

278
00:26:57,300 --> 00:27:02,100


279
00:27:02,200 --> 00:27:07,000


280
00:27:07,100 --> 00:27:11,900
We entered into firestore then go to products 
collection take all that collection.

281
00:27:12,000 --> 00:27:16,800
Its give us snapshot object in return.

282
00:27:16,900 --> 00:27:21,700
There is another object called docs inside 
that object.

283
00:27:21,800 --> 00:27:26,600
Docs is an array actually.

284
00:27:26,700 --> 00:27:31,500


285
00:27:31,600 --> 00:27:36,400
It is an array of each document.

286
00:27:36,500 --> 00:27:41,300
When we map the doc, we will get each product.

287
00:27:41,400 --> 00:27:46,200


288
00:27:46,300 --> 00:27:51,100
We have to call a function called data to 
get data inside the product.

289
00:27:51,200 --> 00:27:56,000
We return both data and the id.

290
00:27:56,100 --> 00:28:00,900


291
00:28:01,000 --> 00:28:05,800
We place allPost into setState.

292
00:28:05,900 --> 00:28:10,700
Try to print that allPost first

293
00:28:10,800 --> 00:28:15,600
ok, let's print it.

294
00:28:15,700 --> 00:28:20,500


295
00:28:20,600 --> 00:28:25,400
Save it

296
00:28:25,500 --> 00:28:30,300
Go to inspect.

297
00:28:30,400 --> 00:28:35,200
Ok, an array is there

298
00:28:35,300 --> 00:28:40,100
Here is the array

299
00:28:40,200 --> 00:28:45,000


300
00:28:45,100 --> 00:28:49,900
Let's put allPost into state.

301
00:28:50,000 --> 00:28:54,800
The rest is simple

302
00:28:54,900 --> 00:28:59,700
Take data from each object and show it here.

303
00:28:59,800 --> 00:29:04,600
Let's do the first card,the rest you guys 
have to manage.

304
00:29:04,700 --> 00:29:09,500


305
00:29:09,600 --> 00:29:14,400


306
00:29:14,500 --> 00:29:19,300
Let's put curly brackets to make this div 
dynamic.

307
00:29:19,400 --> 00:29:24,200


308
00:29:24,300 --> 00:29:29,100


309
00:29:29,200 --> 00:29:34,000
Let's call products.map

310
00:29:34,100 --> 00:29:38,900


311
00:29:39,000 --> 00:29:43,800


312
00:29:43,900 --> 00:29:48,700


313
00:29:48,800 --> 00:29:53,600


314
00:29:53,700 --> 00:29:58,500
We have to return this div.

315
00:29:58,600 --> 00:30:03,400
Let's save and check.

316
00:30:03,500 --> 00:30:08,300
It's working. Now let's update the values.

317
00:30:08,400 --> 00:30:13,200


318
00:30:13,300 --> 00:30:18,100
First give the image.

319
00:30:18,200 --> 00:30:23,000


320
00:30:23,100 --> 00:30:27,900


321
00:30:28,000 --> 00:30:32,800
Is this a price?

322
00:30:32,900 --> 00:30:37,700


323
00:30:37,800 --> 00:30:42,600


324
00:30:42,700 --> 00:30:47,500
Now we need name

325
00:30:47,600 --> 00:30:52,400
We have to place it inside curly braces to 
make it dynamic.

326
00:30:52,500 --> 00:30:57,300
The name is right below.

327
00:30:57,400 --> 00:31:02,200
This is category.

328
00:31:02,300 --> 00:31:07,100


329
00:31:07,200 --> 00:31:12,000


330
00:31:12,100 --> 00:31:16,900


331
00:31:17,000 --> 00:31:21,800


332
00:31:21,900 --> 00:31:26,700


333
00:31:26,800 --> 00:31:31,600


334
00:31:31,700 --> 00:31:36,500
We give the ctegory and name.

335
00:31:36,600 --> 00:31:41,400


336
00:31:41,500 --> 00:31:46,300


337
00:31:46,400 --> 00:31:51,200


338
00:31:51,300 --> 00:31:56,100
Add the date also.

339
00:31:56,200 --> 00:32:01,000


340
00:32:01,100 --> 00:32:05,900


341
00:32:06,000 --> 00:32:10,800
Let's check the output.

342
00:32:10,900 --> 00:32:16,100
We added only one product.

343
00:32:16,200 --> 00:32:21,000


344
00:32:21,100 --> 00:32:25,900
Let's add a new product now.

345
00:32:26,000 --> 00:32:30,800


346
00:32:30,900 --> 00:32:35,700


347
00:32:35,800 --> 00:32:40,600


348
00:32:40,700 --> 00:32:45,500
Change the image

349
00:32:45,600 --> 00:32:50,400


350
00:32:50,500 --> 00:32:55,300


351
00:32:55,400 --> 00:33:00,200
We have done with it.

352
00:33:00,300 --> 00:33:05,100


353
00:33:05,200 --> 00:33:10,000
When the post gets clicked,

354
00:33:10,100 --> 00:33:14,900
Post details showing page should be displayed.

355
00:33:15,000 --> 00:33:19,800
Let's create the route first.

356
00:33:19,900 --> 00:33:24,700


357
00:33:24,800 --> 00:33:29,600


358
00:33:29,700 --> 00:33:34,500


359
00:33:34,600 --> 00:33:39,400


360
00:33:39,500 --> 00:33:44,300


361
00:33:44,400 --> 00:33:49,200
Put the route as view.

362
00:33:49,300 --> 00:33:54,100
Import view post.

363
00:33:54,200 --> 00:33:59,000


364
00:33:59,100 --> 00:34:03,900


365
00:34:04,000 --> 00:34:08,800


366
00:34:08,900 --> 00:34:13,700


367
00:34:13,800 --> 00:34:18,600


368
00:34:18,700 --> 00:34:23,500
Let's check it now.

369
00:34:23,600 --> 00:34:28,400


370
00:34:28,500 --> 00:34:33,300
We have to print dynamic data here.

371
00:34:33,400 --> 00:34:38,200


372
00:34:38,300 --> 00:34:43,100


373
00:34:43,200 --> 00:34:48,000


374
00:34:48,100 --> 00:34:52,900
You can use link tag or history.push to give 
hyperlink to buttons and all.

375
00:34:53,000 --> 00:34:57,800
We have to send the data to viewpost when 
the button is clicked.

376
00:34:57,900 --> 00:35:02,700
Inside view there is header and view.

377
00:35:02,800 --> 00:35:07,600
Let's go inside this view.

378
00:35:07,700 --> 00:35:12,500
This are some dummy datas.

379
00:35:12,600 --> 00:35:17,400
Let's make it dynamic.

380
00:35:17,500 --> 00:35:22,300
Sidheeq will explain it

381
00:35:22,400 --> 00:35:27,200
From here we will get all the datas inside 
the collection.

382
00:35:27,300 --> 00:35:32,100
There is url,productname,price and all.

383
00:35:32,200 --> 00:35:37,000
There is no need to fetch it agian.

384
00:35:37,100 --> 00:35:41,900
Let's place this data inside the context.

385
00:35:42,000 --> 00:35:46,800
Open the viewpost

386
00:35:46,900 --> 00:35:51,700


387
00:35:51,800 --> 00:35:56,600


388
00:35:56,700 --> 00:36:01,500
Here we added a section called seller details.

389
00:36:01,600 --> 00:36:06,400
Seller details stored in another collection 
of firebase.

390
00:36:06,500 --> 00:36:11,300
We have to fetch it by using userid.

391
00:36:11,400 --> 00:36:16,200


392
00:36:16,300 --> 00:36:21,100
products details are going to store in a 
context.

393
00:36:21,200 --> 00:36:26,000
Let's repeat it once again. When a post is 
clicked that post details will be stored 
in the context,

394
00:36:26,100 --> 00:36:30,900
and push into view.

395
00:36:31,000 --> 00:36:35,800
In view we display the product detail.

396
00:36:35,900 --> 00:36:40,700
Collect user datas from firebase using userid.

397
00:36:40,800 --> 00:36:45,600
Normally we follow the method of filtering 
datas using id.

398
00:36:45,700 --> 00:36:50,500


399
00:36:50,600 --> 00:36:55,400
Here we follow the context method to make 
it more comfortable.

400
00:36:55,500 --> 00:37:00,300
Let's begin

401
00:37:00,400 --> 00:37:05,200
Inside the app

402
00:37:05,300 --> 00:37:10,100


403
00:37:10,200 --> 00:37:15,000
We have to make a context first.

404
00:37:15,100 --> 00:37:19,900
Make a new file

405
00:37:20,000 --> 00:37:24,800
Name it as postContext

406
00:37:24,900 --> 00:37:29,700
Context created for a purpose

407
00:37:29,800 --> 00:37:34,600
Seperate context creation according to the 
purpose is the better way.

408
00:37:34,700 --> 00:37:39,500


409
00:37:39,600 --> 00:37:44,400
Make a context file called as postContext.

410
00:37:44,500 --> 00:37:49,300
Which method we are going to use.

411
00:37:49,400 --> 00:37:54,200
Use any method according to your wish.

412
00:37:54,300 --> 00:37:59,100


413
00:37:59,200 --> 00:38:04,000


414
00:38:04,100 --> 00:38:08,900
We are creating a context.

415
00:38:09,000 --> 00:38:13,800


416
00:38:13,900 --> 00:38:18,700


417
00:38:18,800 --> 00:38:23,600


418
00:38:23,700 --> 00:38:28,500
Context is initially null

419
00:38:28,600 --> 00:38:33,400


420
00:38:33,500 --> 00:38:38,300


421
00:38:38,400 --> 00:38:43,200
Is there any other component called post?No

422
00:38:43,300 --> 00:38:48,100
This is a function.

423
00:38:48,200 --> 00:38:53,000


424
00:38:53,100 --> 00:38:57,900
We have to destructure it now.

425
00:38:58,000 --> 00:39:02,800


426
00:39:02,900 --> 00:39:07,700


427
00:39:07,800 --> 00:39:12,600


428
00:39:12,700 --> 00:39:17,500


429
00:39:17,600 --> 00:39:22,400
We have to place a value in provider.

430
00:39:22,500 --> 00:39:27,300
So let's use a state now.

431
00:39:27,400 --> 00:39:32,200


432
00:39:32,300 --> 00:39:37,100


433
00:39:37,200 --> 00:39:42,000


434
00:39:42,100 --> 00:39:46,900


435
00:39:47,000 --> 00:39:51,800
We have to export the function now.

436
00:39:51,900 --> 00:39:56,700
Let's give value here.

437
00:39:56,800 --> 00:40:01,600


438
00:40:01,700 --> 00:40:06,500
postdetails and setpost details are objects 
of value.

439
00:40:06,600 --> 00:40:11,400


440
00:40:11,500 --> 00:40:16,300
Export using default keyword because it is 
a component.

441
00:40:16,400 --> 00:40:21,200
PostContext is a named export.

442
00:40:21,300 --> 00:40:26,100
Let's use the context in index.

443
00:40:26,200 --> 00:40:31,000
Let's use it in app instead

444
00:40:31,100 --> 00:40:35,900
We need this context in home and view only.

445
00:40:36,000 --> 00:40:40,800


446
00:40:40,900 --> 00:40:45,700
Let's wrap everything with it.

447
00:40:45,800 --> 00:40:50,600


448
00:40:50,700 --> 00:40:55,500
Not here,

449
00:40:55,600 --> 00:41:00,400


450
00:41:00,500 --> 00:41:05,300


451
00:41:05,400 --> 00:41:10,200


452
00:41:10,300 --> 00:41:15,100
Let's wrap this post.

453
00:41:15,200 --> 00:41:20,000


454
00:41:20,100 --> 00:41:24,900


455
00:41:25,000 --> 00:41:29,800
we need it in home too.

456
00:41:29,900 --> 00:41:34,700
First let's set it.

457
00:41:34,800 --> 00:41:39,600


458
00:41:39,700 --> 00:41:44,500


459
00:41:44,600 --> 00:41:49,400


460
00:41:49,500 --> 00:41:54,300


461
00:41:54,400 --> 00:41:59,200
We need the context.

462
00:41:59,300 --> 00:42:04,100


463
00:42:04,200 --> 00:42:09,000


464
00:42:09,100 --> 00:42:13,900


465
00:42:14,000 --> 00:42:18,800


466
00:42:18,900 --> 00:42:23,700


467
00:42:23,800 --> 00:42:28,600


468
00:42:28,700 --> 00:42:33,500


469
00:42:33,600 --> 00:42:38,400


470
00:42:38,500 --> 00:42:43,300


471
00:42:43,400 --> 00:42:48,200
importing useHistory from router dom

472
00:42:48,300 --> 00:42:53,100


473
00:42:53,200 --> 00:42:58,000


474
00:42:58,100 --> 00:43:02,900


475
00:43:03,000 --> 00:43:07,800


476
00:43:07,900 --> 00:43:12,700


477
00:43:12,800 --> 00:43:17,600


478
00:43:17,700 --> 00:43:22,500


479
00:43:22,600 --> 00:43:27,400
Let's check after finishing everything.

480
00:43:27,500 --> 00:43:32,300


481
00:43:32,400 --> 00:43:37,200


482
00:43:37,300 --> 00:43:42,100
We need useEffect,useState and useContext.

483
00:43:42,200 --> 00:43:47,000


484
00:43:47,100 --> 00:43:51,900


485
00:43:52,000 --> 00:43:56,800


486
00:43:56,900 --> 00:44:01,700
Let's make a userdetails state.

487
00:44:01,800 --> 00:44:06,600
Is there two states?No

488
00:44:06,700 --> 00:44:11,500
postdetails coming from context,next is from 
firebase.

489
00:44:11,600 --> 00:44:16,400


490
00:44:16,500 --> 00:44:21,300


491
00:44:21,400 --> 00:44:26,200


492
00:44:26,300 --> 00:44:31,100


493
00:44:31,200 --> 00:44:36,000


494
00:44:36,100 --> 00:44:40,900
We are directly giving the ret from context

495
00:44:41,000 --> 00:44:45,800
There is no need for product state.

496
00:44:45,900 --> 00:44:50,700
No need for product state instaed we need 
to take it from context.

497
00:44:50,800 --> 00:44:55,600
Let's use the context now.

498
00:44:55,700 --> 00:45:00,500


499
00:45:00,600 --> 00:45:05,400


500
00:45:05,500 --> 00:45:10,300


501
00:45:10,400 --> 00:45:15,200


502
00:45:15,300 --> 00:45:20,100
We have to call firebase inside useEffect.

503
00:45:20,200 --> 00:45:25,000


504
00:45:25,100 --> 00:45:29,900


505
00:45:30,000 --> 00:45:34,800


506
00:45:34,900 --> 00:45:39,700


507
00:45:39,800 --> 00:45:44,600


508
00:45:44,700 --> 00:45:49,500


509
00:45:49,600 --> 00:45:54,400


510
00:45:54,500 --> 00:45:59,300


511
00:45:59,400 --> 00:46:04,200
Auto import is happening here.

512
00:46:04,300 --> 00:46:09,100


513
00:46:14,100 --> 00:46:18,900


514
00:46:19,000 --> 00:46:23,800
What is the name of collection? users

515
00:46:23,900 --> 00:46:28,700
The imprtant thing to not here is, it is 
a query.

516
00:46:28,800 --> 00:46:33,600


517
00:46:33,700 --> 00:46:38,500
To take data by filteration.

518
00:46:38,600 --> 00:46:43,400
We already know userid.

519
00:46:43,500 --> 00:46:48,300
We get the coresponding data only.

520
00:46:48,400 --> 00:46:53,200


521
00:46:53,300 --> 00:46:58,100


522
00:46:58,200 --> 00:47:03,000


523
00:47:03,100 --> 00:47:07,900
The syntax is

524
00:47:08,000 --> 00:47:12,800
Three strings are there, first string for

525
00:47:12,900 --> 00:47:17,700
id for filtering

526
00:47:17,800 --> 00:47:22,600


527
00:47:22,700 --> 00:47:27,500


528
00:47:27,600 --> 00:47:32,400
second string for logical operator.

529
00:47:32,500 --> 00:47:37,300
Here we need equalto oerations

530
00:47:37,400 --> 00:47:42,200


531
00:47:42,300 --> 00:47:47,100


532
00:47:47,200 --> 00:47:52,000
Now we need to give usersid

533
00:47:52,100 --> 00:47:56,900


534
00:47:57,000 --> 00:48:01,800


535
00:48:01,900 --> 00:48:06,700
userid inside postDetails

536
00:48:06,800 --> 00:48:11,600


537
00:48:11,700 --> 00:48:16,500
Destructure it

538
00:48:16,600 --> 00:48:21,400


539
00:48:21,500 --> 00:48:26,300


540
00:48:26,400 --> 00:48:31,200


541
00:48:31,300 --> 00:48:36,100


542
00:48:36,200 --> 00:48:41,000
userid inside product

543
00:48:41,100 --> 00:48:45,900
let's give it here

544
00:48:46,000 --> 00:48:50,800


545
00:48:50,900 --> 00:48:55,700
check inside users collection by using the 
id.

546
00:48:55,800 --> 00:49:00,600


547
00:49:00,700 --> 00:49:05,500
check for postid.

548
00:49:05,600 --> 00:49:10,400
if there is postid,

549
00:49:10,500 --> 00:49:15,300
we get an array of documents

550
00:49:15,400 --> 00:49:20,200
It's raining outside that's why we talk louder.

551
00:49:20,300 --> 00:49:25,100
It's the order of manna sir,

552
00:49:25,200 --> 00:49:30,000
There is a method called get.

553
00:49:30,100 --> 00:49:34,900
We can use get method to take document,that 
document will be available in then.

554
00:49:35,000 --> 00:49:39,800
Let's place a variable called res

555
00:49:39,900 --> 00:49:44,700
That response is an array.

556
00:49:44,800 --> 00:49:49,600
Lets use foreach

557
00:49:49,700 --> 00:49:54,500
to take that array

558
00:49:54,600 --> 00:49:59,400


559
00:49:59,500 --> 00:50:04,300


560
00:50:04,400 --> 00:50:09,200
a document is coming here

561
00:50:09,300 --> 00:50:14,100


562
00:50:14,200 --> 00:50:19,000
Let's set the user.

563
00:50:19,100 --> 00:50:23,900


564
00:50:24,000 --> 00:50:28,800


565
00:50:28,900 --> 00:50:33,700
Firebase has an object called data

566
00:50:33,800 --> 00:50:38,600
We have to call data function to get data

567
00:50:38,700 --> 00:50:43,500
There is no error

568
00:50:43,600 --> 00:50:48,400


569
00:50:48,500 --> 00:50:53,300
let's render this datas here

570
00:50:53,400 --> 00:50:58,200
We get details of post and user

571
00:50:58,300 --> 00:51:03,100
Let's show it in the UI

572
00:51:03,200 --> 00:51:08,000
Let start from the image

573
00:51:08,100 --> 00:51:12,900


574
00:51:13,000 --> 00:51:17,800
Let's use user details also.

575
00:51:17,900 --> 00:51:22,700
Fill the rest by your self.

576
00:51:22,800 --> 00:51:27,600
Change the user name also.

577
00:51:27,700 --> 00:51:32,500


578
00:51:32,600 --> 00:51:37,400


579
00:51:37,500 --> 00:51:42,300
check whether it is correct or not?

580
00:51:42,400 --> 00:51:47,200
it is user name

581
00:51:47,300 --> 00:51:52,100
Let's place the phone number also

582
00:51:52,200 --> 00:51:57,000


583
00:51:57,100 --> 00:52:01,900
Let's click here

584
00:52:02,000 --> 00:52:06,800
There is an error

585
00:52:06,900 --> 00:52:11,700


586
00:52:11,800 --> 00:52:16,600
We have to use the ternory operator here.

587
00:52:16,700 --> 00:52:21,500


588
00:52:21,600 --> 00:52:26,400
We can use a ternory operator here.

589
00:52:26,500 --> 00:52:31,300
We are calling this data using useeffect.

590
00:52:31,400 --> 00:52:36,200


591
00:52:36,300 --> 00:52:41,100
We can use the && here

592
00:52:41,200 --> 00:52:46,000
It's working now.

593
00:52:46,100 --> 00:52:50,900
We have compelted almost everything now

594
00:52:51,000 --> 00:52:55,800
You have to implement further detailed things.

595
00:52:55,900 --> 00:53:00,700
You can add alot more features to this project.

596
00:53:00,800 --> 00:53:05,600
The best project will get cash prices from 
nikhilsir.

597
00:53:05,700 --> 00:53:10,500


598
00:53:10,600 --> 00:53:15,400
You can submit the github link in the form 
given in the discription.

599
00:53:15,500 --> 00:53:20,300
The react tutorial is finished now.

600
00:53:20,400 --> 00:53:25,200
What is the review about react tutorial?

601
00:53:25,300 --> 00:53:30,100
We have finished three projects now

602
00:53:30,200 --> 00:53:35,000
Is there anything else to study

603
00:53:35,100 --> 00:53:39,900
Extra features to implement on top of this.

604
00:53:40,000 --> 00:53:44,800
did you set everything needed to develop 
a frontend webaplication using react through 
this tutorial

605
00:53:44,900 --> 00:53:49,700


606
00:53:49,800 --> 00:53:54,600
Are you done well in my absents?

607
00:53:54,700 --> 00:53:59,500
There is only few things to learn in react.

608
00:53:59,600 --> 00:54:04,400
You have to practice more for better understanding.

609
00:54:04,500 --> 00:54:09,300
These are common basics things repeated in 
every project.

610
00:54:09,400 --> 00:54:14,200


611
00:54:14,300 --> 00:54:19,100
Did you announce cash awards?

612
00:54:19,200 --> 00:54:24,000
They have announce cash awards in my absence.

613
00:54:24,100 --> 00:54:28,900
Who will give the awards?he specifically 
mention your name for that sir

614
00:54:29,000 --> 00:54:33,800
If you have any problem to submit link through 
youtube can submit the link in the form given 
in the discription.

615
00:54:33,900 --> 00:54:38,700


616
00:54:38,800 --> 00:54:43,600


617
00:54:43,700 --> 00:54:48,500
There are three projects we have mentioned 
for cash price.

618
00:54:48,600 --> 00:54:53,400


619
00:54:53,500 --> 00:54:58,300
You can sumbit all the three projects.

620
00:54:58,400 --> 00:55:03,200


621
00:55:03,300 --> 00:55:08,100


622
00:55:08,200 --> 00:55:13,000
First project is todo application

623
00:55:13,100 --> 00:55:17,900
Second is netflix design

624
00:55:18,000 --> 00:55:22,800
Did you play the movies in netflix?

625
00:55:22,900 --> 00:55:27,700
We are playing the trailer there..

626
00:55:27,800 --> 00:55:32,600
You can integrate some more animations there.

627
00:55:32,700 --> 00:55:37,500
You can play the banner with some movies

628
00:55:37,600 --> 00:55:42,400


629
00:55:42,500 --> 00:55:47,300
You can add movies into playlist

630
00:55:47,400 --> 00:55:52,200
You can set the login page for netflix.

631
00:55:52,300 --> 00:55:57,100
Third project is OLX

632
00:55:57,200 --> 00:56:02,000
We use firebase as backend.

633
00:56:02,100 --> 00:56:06,900
You can host OLX from firebase itself.

634
00:56:07,000 --> 00:56:11,800
Find and do it.

635
00:56:11,900 --> 00:56:16,700
Evaluation will be seperate for each project.

636
00:56:16,800 --> 00:56:21,600
You have to submit three projects in one 
form.

637
00:56:21,700 --> 00:56:26,500


638
00:56:26,600 --> 00:56:31,400


639
00:56:31,500 --> 00:56:36,300
How much time you need to complete these 
project?

640
00:56:36,400 --> 00:56:41,200
fifteen days are not enough for completing 
three projects.

641
00:56:41,300 --> 00:56:46,100
We need more people for competation.

642
00:56:46,200 --> 00:56:51,000


643
00:56:51,100 --> 00:56:55,900
We can set some targets in views or in likes.

644
00:56:56,000 --> 00:57:00,800
ok, for every video minimum 10,000 views

645
00:57:00,900 --> 00:57:05,700
Then we will distribute cash awards.

646
00:57:05,800 --> 00:57:10,600


647
00:57:10,700 --> 00:57:15,500
Remember these things ok

648
00:57:15,600 --> 00:57:20,400
Challange is completed now but dont stop 
yourself

649
00:57:20,500 --> 00:57:25,300
You have to learn more things like

650
00:57:25,400 --> 00:57:30,200
Redux,you always comment but that

651
00:57:30,300 --> 00:57:35,100
Redux is used for state management

652
00:57:35,200 --> 00:57:40,000
In redux context shared in different way

653
00:57:40,100 --> 00:57:44,900


654
00:57:45,000 --> 00:57:49,800


655
00:57:49,900 --> 00:57:54,700
Let's give redux tutorials later

656
00:57:54,800 --> 00:57:59,600
They are hurry to go to their home.

657
00:57:59,700 --> 00:58:04,500
They invite me for two days but it is one 
month already.

658
00:58:04,600 --> 00:58:09,400


659
00:58:09,500 --> 00:58:14,300
I invite ganesh for first shoot,a

660
00:58:14,400 --> 00:58:19,200
It is very funny days

661
00:58:19,300 --> 00:58:24,100
There were alot performance by ganesh

662
00:58:24,200 --> 00:58:29,000
That was not toleratable

663
00:58:29,100 --> 00:58:33,900
What are the other things to study except 
redux.

664
00:58:34,000 --> 00:58:38,800
There is a library called MObx

665
00:58:38,900 --> 00:58:43,700
and Redux-saga

666
00:58:43,800 --> 00:58:48,600
There are alot of state management libraries.

667
00:58:48,700 --> 00:58:53,500
What is nextjs? it is used for server side 
rendering.

668
00:58:53,600 --> 00:58:58,400


669
00:58:58,500 --> 00:59:03,300
Different pages are coming from the server

670
00:59:03,400 --> 00:59:08,200


671
00:59:08,300 --> 00:59:13,100


672
00:59:13,200 --> 00:59:18,000


673
00:59:18,100 --> 00:59:22,900
Gatsby is like react app

674
00:59:23,000 --> 00:59:27,800
Next thing to do is

675
00:59:27,900 --> 00:59:32,700


676
00:59:32,800 --> 00:59:37,600
Importent thing to remember is testing

677
00:59:37,700 --> 00:59:42,500
Let's do unit test by jest tool

678
00:59:42,600 --> 00:59:47,400
You can use bootstrap for designing

679
00:59:47,500 --> 00:59:52,300


680
00:59:52,400 --> 00:59:57,200
There are two types of bootstraps available

681
00:59:57,300 --> 01:00:02,100
ReactBootstarp ,

682
01:00:02,200 --> 01:00:07,000


683
01:00:07,100 --> 01:00:11,900
We can use the components instead of css 
files

684
01:00:12,000 --> 01:00:16,800
Small changes like camelcasing will be there

685
01:00:16,900 --> 01:00:21,700


686
01:00:21,800 --> 01:00:26,600


687
01:00:26,700 --> 01:00:31,500
Material ui is there

688
01:00:31,600 --> 01:00:36,400
Materilalize frameworks are available for 
css

689
01:00:36,500 --> 01:00:41,300


690
01:00:41,400 --> 01:00:46,200


691
01:00:46,300 --> 01:00:51,100
These three projects are enough as homework

692
01:00:51,200 --> 01:00:56,000


693
01:00:56,100 --> 01:01:00,900
Complete the project by yourself

694
01:01:01,000 --> 01:01:05,800


695
01:01:05,900 --> 01:01:10,700
After completing these three projects.

696
01:01:10,800 --> 01:01:15,600


697
01:01:15,700 --> 01:01:20,500
There are many queries from companies for 
react developers

698
01:01:20,600 --> 01:01:25,400
There is no profile for that

699
01:01:25,500 --> 01:01:30,300
you can submit the resume in theform given 
in discription

700
01:01:30,400 --> 01:01:35,200


701
01:01:35,300 --> 01:01:40,100


702
01:01:40,200 --> 01:01:45,000
Resume should be atteractive

703
01:01:45,100 --> 01:01:49,900
Submit the resume in the form

704
01:01:50,000 --> 01:01:54,800


705
01:01:54,900 --> 01:01:59,700


706
01:01:59,800 --> 01:02:04,600
God bless you

707
01:02:04,700 --> 01:02:09,500


708
01:02:09,600 --> 01:02:14,400
Take exclusive membership for clear doubts 
while studying

709
01:02:14,500 --> 01:02:19,300
You can comment for the master projects needed

710
01:02:19,400 --> 01:02:24,200
You can choose the technology also

711
01:02:24,300 --> 01:02:29,100
If people are there let's host master project

712
01:02:29,200 --> 01:02:34,000
Many people got job after completing master 
project

713
01:02:34,100 --> 01:02:38,900


714
01:02:39,000 --> 01:02:43,800


715
01:02:43,900 --> 01:02:48,700
You can share the you placement experience 
as video in the form given in the discription

716
01:02:48,800 --> 01:02:53,600


717
01:02:53,700 --> 01:02:58,500
submit Public link of feedback video uploaded 
in google drive in the form

718
01:02:58,600 --> 01:03:03,400


719
01:03:03,500 --> 01:03:08,300


720
01:03:08,400 --> 01:03:13,200


721
01:03:13,300 --> 01:03:18,100


722
01:03:18,200 --> 01:03:23,000
you can share your experience with us in 
feedback video

723
01:03:23,100 --> 01:03:27,900


724
01:03:28,000 --> 01:03:32,800


725
01:03:32,900 --> 01:03:37,700
Many people share their experience of placement 
in linkedin.

726
01:03:37,800 --> 01:03:42,600


727
01:03:42,700 --> 01:03:47,500


728
01:03:47,600 --> 01:03:52,400


729
01:03:52,500 --> 01:03:57,300
all the best

730
01:03:57,400 --> 01:04:02,200
Complete the projects, send resumes,and send 
feedback video also anything else to mention

731
01:04:02,300 --> 01:04:07,100
Teaching is another experience

732
01:04:07,200 --> 01:04:12,000
It is different from developing

733
01:04:12,100 --> 01:04:16,900
These two knowledges are different

734
01:04:17,000 --> 01:04:21,800
For teaching you should know deeply about 
that topic

735
01:04:21,900 --> 01:04:26,700
Sir asking questtions like kids

736
01:04:26,800 --> 01:04:31,600
I replayed like i dont know

737
01:04:31,700 --> 01:04:36,500


738
01:04:36,600 --> 01:04:41,400
I feel the same thing ,i am getting clear 
about many concepts when am coming for teaching

739
01:04:41,500 --> 01:04:46,300
In development we guess alot of things

740
01:04:46,400 --> 01:04:51,200


741
01:04:51,300 --> 01:04:56,100


742
01:04:56,200 --> 01:05:01,000
If you workout a subject for teaching you 
can clear any interview

743
01:05:01,100 --> 01:05:05,900


744
01:05:06,000 --> 01:05:10,800
Learn yourself and teach others also

745
01:05:10,900 --> 01:05:15,700
Conduct workshop for react

746
01:05:15,800 --> 01:05:20,600
You can invite ganesh and sidheek for inaguration

747
01:05:20,700 --> 01:05:25,500


748
01:05:25,600 --> 01:05:30,400
Connect more people with technology

749
01:05:30,500 --> 01:05:35,300


750
01:05:35,400 --> 01:05:40,200


751
01:05:40,300 --> 01:05:45,100
Help others also for getting a high income 
tech job.

752
01:05:45,200 --> 01:05:50,000
Bye and all the best

753
01:05:50,100 --> 01:05:54,900


754
01:05:55,000 --> 01:05:59,800


755
01:05:59,900 --> 01:06:04,700


756
01:06:04,800 --> 01:06:09,600