1
00:00:01,230 --> 00:00:02,940
Welcome to the final review of the project.

2
00:00:03,300 --> 00:00:09,540
We have seen all the coding part of how to build this video sharing platform using the YouTube API.

3
00:00:10,080 --> 00:00:15,300
Now in this vitamin C like we write the complete starting step training step what we did.

4
00:00:16,610 --> 00:00:24,200
Firstly, we have created the imported exiles for the rest API handling for using the get request for

5
00:00:24,200 --> 00:00:31,010
shipments and then secondly, the material you to see us fighting part of our website put the grid and

6
00:00:31,010 --> 00:00:31,460
everything.

7
00:00:31,910 --> 00:00:38,540
Yet we have used our books so that we can change the videos and selected media based on the user interactions

8
00:00:38,540 --> 00:00:39,290
with the homepage.

9
00:00:39,710 --> 00:00:42,020
And then we have to some started producing grids and paper.

10
00:00:42,050 --> 00:00:46,850
We have had a search bar component to major retail component and then media list component.

11
00:00:47,540 --> 00:00:53,450
Then we have used this search feature so that we can when we click on, when we click a search item

12
00:00:53,450 --> 00:00:57,710
and then click on Enter, we'll be getting the details from the API that we used.

13
00:00:58,790 --> 00:01:03,560
Final results will be getting and then we'll set the videos to those videos that we get.

14
00:01:03,830 --> 00:01:08,000
And also the selected winner to the default starting element of the radio, sorry.

15
00:01:08,570 --> 00:01:11,870
Now when we go to search what you can see, let go, it's simple.

16
00:01:12,140 --> 00:01:15,200
Basically, we have a lot of paper and text texturing and two functions.

17
00:01:15,200 --> 00:01:17,900
One is on change and on key press, on key press.

18
00:01:17,900 --> 00:01:23,900
Whenever we click on Enter, that's submitting it and sending the search term so that we can get the

19
00:01:24,320 --> 00:01:30,410
get the data from a kind of change means we have simply like changing the search affect search down

20
00:01:30,410 --> 00:01:32,210
to that value on which the user is type.

21
00:01:33,330 --> 00:01:34,500
This is basically a simple search.

22
00:01:35,100 --> 00:01:37,170
And then we do a little later detail.

23
00:01:37,650 --> 00:01:40,500
We are restructuring all the data that we want from the radio.

24
00:01:40,710 --> 00:01:45,330
If that is the way you do it that is not ameliorated, then we are we have to win the division.

25
00:01:46,260 --> 00:01:50,930
If there is a reality based on the radio, YouTube you are, it will be painting that you are like,

26
00:01:50,940 --> 00:01:57,030
we'll be showing that video to the user using the and exciting part, we have used the paper and typography

27
00:01:57,030 --> 00:02:02,250
and react fragment and everything, and then we do a list really is basically the right, said part

28
00:02:02,250 --> 00:02:05,070
of the video of the alphabet.

29
00:02:05,100 --> 00:02:09,470
That in this released will have five items like Magnum of items.

30
00:02:09,990 --> 00:02:14,850
Every item is a component since we are using it instead of map function, we have presented it so that

31
00:02:14,850 --> 00:02:16,020
every component should be unique.

32
00:02:16,560 --> 00:02:17,850
And then on, we use it.

33
00:02:17,850 --> 00:02:20,640
Whenever the video is selected, then we have to change the.

34
00:02:21,900 --> 00:02:23,760
And we have to change.

35
00:02:25,760 --> 00:02:29,390
We have to change the way you detail the media to that video.

36
00:02:30,080 --> 00:02:33,230
So for that will be using this on select on Radio Select.

37
00:02:33,620 --> 00:02:38,360
And then in the inside the media item, we have some styling and whenever the user clicks on that on

38
00:02:38,360 --> 00:02:41,420
click, we'll collect on select function sending this video.

39
00:02:41,780 --> 00:02:48,590
So knowing that Rogers, whenever this on radio selected is triggered inside video item, then set six

40
00:02:48,650 --> 00:02:54,340
selected videos that we will select the item in which the follow up is presently and then based on all

41
00:02:54,560 --> 00:02:55,400
hooks and everything.

42
00:02:56,330 --> 00:03:02,870
The data will updated the data updated once you can see when we click on this can see all of this part

43
00:03:02,870 --> 00:03:05,520
of the website is getting changed.

44
00:03:05,540 --> 00:03:06,530
That is the beauty of react.

45
00:03:07,010 --> 00:03:11,660
Whenever you are working with components, only the components that need to get updated will get changed

46
00:03:11,660 --> 00:03:13,280
dynamically remaining.

47
00:03:13,280 --> 00:03:19,640
All companies will be like, will be in rest, not in motion, so they'll be interest.

48
00:03:19,880 --> 00:03:21,230
So this is the beauty of react.

49
00:03:21,240 --> 00:03:24,770
Like whenever we change something, there is no need.

50
00:03:25,010 --> 00:03:27,020
It does not need to refresh again and again.

51
00:03:27,020 --> 00:03:29,570
Only the components that need to get updated will changed.

52
00:03:31,270 --> 00:03:36,250
But this is basically the end until you saw YouTube, how to go to the YouTube developer console creator

53
00:03:36,340 --> 00:03:39,400
API, create a new API key and use that API key.

54
00:03:39,670 --> 00:03:40,390
So this is the API.

55
00:03:40,960 --> 00:03:45,760
You can use this if you are like if you are getting access about if you are not getting, you can simply

56
00:03:45,760 --> 00:03:47,350
create an API and use it.

57
00:03:48,980 --> 00:03:54,260
And it is also suggested to give the FBI into that environment variables so that if you an organization,

58
00:03:54,260 --> 00:03:55,070
it won't like it.

59
00:03:55,280 --> 00:03:59,630
There is no threat for cyber security since this is a small project that we are building.

60
00:03:59,660 --> 00:04:00,470
I've used this.

61
00:04:02,190 --> 00:04:07,740
One more thing before finishing up, so this is basically the coding part and everything that we discussed

62
00:04:07,740 --> 00:04:13,560
in the starting of the first year that what we will do we have completed the task is achieved can also

63
00:04:13,560 --> 00:04:19,140
not only this, you can also search anything and search for Star Wars getting new deals related to Star

64
00:04:19,140 --> 00:04:19,410
Wars.

65
00:04:19,740 --> 00:04:22,170
Oh, for gaming, you can search some games.

66
00:04:22,650 --> 00:04:24,780
You'll be getting the videos for the games.

67
00:04:25,980 --> 00:04:30,690
So basically, everything you are getting everything or do such things basically are simple, oh, you

68
00:04:30,690 --> 00:04:34,890
know, sort of like your simple on product of you do kind of thing.

69
00:04:35,610 --> 00:04:36,760
Are basically using that data.

70
00:04:37,890 --> 00:04:39,130
So this we have completed the project.

71
00:04:39,150 --> 00:04:46,860
One thing I want to give you as a tip is whenever you are cloning, some give the code audio, downloading

72
00:04:46,860 --> 00:04:47,910
something, get a court.

73
00:04:49,240 --> 00:04:55,210
It what basically happens is when someone push according to the data, they won't with the node modules

74
00:04:55,240 --> 00:05:01,240
or the package, not just one package, not this one fails because they are few sites, so they will

75
00:05:01,240 --> 00:05:05,050
only push the main files like public sort and these are the remaining funds.

76
00:05:05,500 --> 00:05:12,820
So any donor, all of them or go to the directory and then open that never go to the directory and click

77
00:05:12,820 --> 00:05:13,990
on one common get and.

78
00:05:14,740 --> 00:05:15,040
OK.

79
00:05:15,140 --> 00:05:15,700
I'll show you.

80
00:05:16,990 --> 00:05:22,870
Just see, I am in the video sharing app or directly, so unless if you click alerts, you will not

81
00:05:22,870 --> 00:05:27,370
be able to see additional modules when you are downloading it from GitHub to get everything, all the

82
00:05:27,370 --> 00:05:32,910
packages in the models that you know the port is using to get everything, just click on and beam.

83
00:05:33,440 --> 00:05:34,710
I didn't instruct.

84
00:05:35,170 --> 00:05:35,950
Anything is fine.

85
00:05:37,130 --> 00:05:42,830
Then it went down north in all the packages that are required for this website, and then you're going

86
00:05:42,830 --> 00:05:44,180
to start your app and beam stock.

87
00:05:44,670 --> 00:05:49,010
It's OK if you are also these on the quarter that you will be available to you.

88
00:05:49,220 --> 00:05:54,920
When you download everything, you will make sure that you do this npm install so that you'll be getting

89
00:05:54,920 --> 00:05:59,270
everything, all the packages that are used and then you can start changing your changing.

90
00:05:59,270 --> 00:06:04,700
This are based on things that you want and install is the thing that you have to do.

91
00:06:05,830 --> 00:06:09,550
Are so good this we have completed our project of video sharing application.

92
00:06:09,790 --> 00:06:13,870
I hope you enjoyed it and learned reactor concepts through this project.

93
00:06:14,140 --> 00:06:14,530
Thank you.