1 00:00:00,510 --> 00:00:05,260 In this video, we'll see how to get started with the YouTube debate, how to get the data from it. 2 00:00:06,160 --> 00:00:11,560 So firstly, we have to create a folder called the API inside source. 3 00:00:12,630 --> 00:00:16,020 And inside, Chris will be having the YouTube gorgeous. 4 00:00:16,560 --> 00:00:21,780 So we are going to be using the YouTube YouTube contentwe video that you have for us to use that in 5 00:00:21,780 --> 00:00:22,560 our app. 6 00:00:24,940 --> 00:00:30,570 So we're be creating that YouTube, not just inside this. 7 00:00:31,030 --> 00:00:32,860 Now, basically, we'll be using Axios. 8 00:00:34,630 --> 00:00:36,460 But that we have to install them. 9 00:00:40,530 --> 00:00:40,740 Yeah. 10 00:00:43,550 --> 00:00:52,190 So since we are running the app, we have to use concurrency so that the app gets like we are breaking 11 00:00:52,190 --> 00:00:52,550 the. 12 00:00:53,620 --> 00:00:55,150 Commander is running currently. 13 00:00:56,090 --> 00:00:59,690 Then it will take time, so basically you write the code and then see everything. 14 00:01:00,440 --> 00:01:06,500 The first thing will be using Xia's import excuse from Axios. 15 00:01:09,650 --> 00:01:11,120 And then export. 16 00:01:13,930 --> 00:01:16,420 Default excuse not. 17 00:01:17,540 --> 00:01:18,080 Create. 18 00:01:21,360 --> 00:01:22,430 Base you are. 19 00:01:24,610 --> 00:01:27,400 For the base, United will be its peace. 20 00:01:29,470 --> 00:01:31,510 Revenue number of Google apps. 21 00:01:33,880 --> 00:01:34,430 Dot com. 22 00:01:36,090 --> 00:01:37,470 Bash to. 23 00:01:38,860 --> 00:01:39,670 Flush with three. 24 00:01:42,640 --> 00:01:47,880 So no water basically here, what's happening is we are putting their eggs, Axios, that will be. 25 00:01:47,950 --> 00:01:48,260 Yeah. 26 00:01:48,330 --> 00:01:50,890 So now Will and Bedminster started them. 27 00:01:52,270 --> 00:01:56,170 And premenstrual Avios minus minus safe. 28 00:01:57,900 --> 00:02:03,150 And then after this, we have to also install the material that will be using another project. 29 00:02:04,200 --> 00:02:10,110 So our grappling means we are basically like creating this access is to forget requires and both kind 30 00:02:10,110 --> 00:02:10,470 of thing. 31 00:02:10,770 --> 00:02:13,950 You can see what is your role gives you inside bush men. 32 00:02:13,950 --> 00:02:16,260 Also, this is the base you are at. 33 00:02:16,800 --> 00:02:19,390 So now we will be going to the apes. 34 00:02:19,920 --> 00:02:21,570 So you have to go to basically this. 35 00:02:23,280 --> 00:02:25,410 Session like go to. 36 00:02:26,770 --> 00:02:33,400 This you ought to consult a cloud or Google Doc comment API slash dashboard, and you will be getting 37 00:02:33,400 --> 00:02:36,280 an option called an API, so we'll see that. 38 00:02:38,510 --> 00:02:45,620 It's taken, yeah, so, Annabel, APIs and services, and you click on that, you'll be getting a search 39 00:02:46,190 --> 00:02:46,590 item. 40 00:02:46,610 --> 00:02:49,160 So in this, we can search for YouTube. 41 00:02:50,540 --> 00:02:55,510 The first thing that you get YouTube date April three, so this is the app that will be using a simple 42 00:02:55,520 --> 00:03:01,250 application programming interface that is the set of rules and functions that helps us to access data 43 00:03:01,250 --> 00:03:03,240 from other other servers. 44 00:03:03,240 --> 00:03:08,300 So we will be basically accessing the YouTube server data to all the videos that are present, the data 45 00:03:08,480 --> 00:03:10,490 and the video that are present inside the YouTube. 46 00:03:11,930 --> 00:03:13,310 So we have to go to this mismanage. 47 00:03:15,140 --> 00:03:20,570 When you go to the manager question, I already I never did say you are directly getting manage. 48 00:03:20,840 --> 00:03:24,620 But first you will get you have to click on a number and then you have to click on Manage. 49 00:03:25,990 --> 00:03:31,180 So here, if you go to the credentials, I'm already adding the API key, so that's why in order to 50 00:03:31,180 --> 00:03:35,860 create API, if you want, if you don't, you have to create credentials and you can get API key. 51 00:03:36,250 --> 00:03:37,060 Copy that key. 52 00:03:38,630 --> 00:03:42,920 And basically, you can store it inside environment variables. 53 00:03:43,400 --> 00:03:48,760 But this key is temporary often that you're not be able to use this gizmo, but you to use it. 54 00:03:48,770 --> 00:03:51,890 You have to create a new key and then copy that key and then it. 55 00:03:52,280 --> 00:03:55,520 So with this because I will be getting the YouTube API. 56 00:03:56,860 --> 00:03:58,900 Once you get the key, like, comment it somewhere. 57 00:03:59,080 --> 00:04:04,630 But this is very dangerous, if you are if you are a big organization, there may be a threat of stealing 58 00:04:04,880 --> 00:04:06,580 the cyber security threats. 59 00:04:06,940 --> 00:04:11,070 So basically what everyone will do is we are their creator and my mentor variable. 60 00:04:11,560 --> 00:04:18,310 Then when one variable is created, not being refined and then stored all the keys and passwords that 61 00:04:18,580 --> 00:04:24,460 and then import them, not through the process of a process data environment that is some code you can 62 00:04:24,670 --> 00:04:29,350 check through the Google documentation box and everything you see how to use and manmade variables. 63 00:04:30,070 --> 00:04:32,800 So as I've done in this video, I'll be using that API key. 64 00:04:33,280 --> 00:04:37,930 Since this is a small like, it's a gesture we have that we are building for a learning purpose. 65 00:04:38,860 --> 00:04:43,210 So long as this is done now, we have to go to projects and then we'll import the. 66 00:04:45,480 --> 00:04:46,610 Like the YouTube API. 67 00:04:47,730 --> 00:04:49,110 The import. 68 00:04:50,720 --> 00:04:56,330 You, too, from API slash YouTube, so it's automatically filling and is a beauty of react that is 69 00:04:56,330 --> 00:04:57,600 a of Visual Studio. 70 00:04:57,960 --> 00:04:59,040 This is why I use voice. 71 00:04:59,750 --> 00:05:05,480 It basically has many snippets and functionalities for apps to autofill, create divisions with thought 72 00:05:05,480 --> 00:05:07,430 out, like with glasses through a shortcut. 73 00:05:07,430 --> 00:05:08,660 Honestly, beds and everything. 74 00:05:09,670 --> 00:05:10,830 So I think this is done. 75 00:05:10,870 --> 00:05:14,070 Yeah, so they have done now and strong. 76 00:05:16,650 --> 00:05:17,610 Materially, right? 77 00:05:21,680 --> 00:05:25,340 You can check whether the exhibits are installed or not go into the package, Jason. 78 00:05:25,710 --> 00:05:30,020 Here you can see inside the dependencies, the wheels are in stock. 79 00:05:30,230 --> 00:05:31,370 So after the. 80 00:05:32,930 --> 00:05:34,640 Like so there is a lot. 81 00:05:36,080 --> 00:05:37,910 The will take place there. 82 00:05:40,570 --> 00:05:41,430 Material you. 83 00:05:43,620 --> 00:05:44,430 So go to. 84 00:05:44,970 --> 00:05:45,210 Yeah. 85 00:05:45,930 --> 00:05:51,390 So we have to like install it using this command and beam installment slash cord. 86 00:05:53,030 --> 00:05:54,090 Not only what you're. 87 00:05:55,730 --> 00:05:58,640 And I think there'll be no errors and that will successfully run. 88 00:05:58,710 --> 00:06:02,330 Yeah, it is installing software, installing. 89 00:06:02,600 --> 00:06:07,040 You can check that inside the package or just on inside the dependencies already installed or not. 90 00:06:07,700 --> 00:06:14,270 So this is basically we have achieved the target of this video of creating the YouTube clip, getting 91 00:06:14,270 --> 00:06:23,270 the YouTube key and going to the Google console and then using inside our API for you to produce file 92 00:06:23,780 --> 00:06:28,490 importing that exists and creating the get like the base, you are exploiting this. 93 00:06:29,030 --> 00:06:34,970 And now in the next freedom, we'll start off with the material UI grids and start building the basic 94 00:06:34,970 --> 00:06:39,950 structure like search bar, the ability to read your list and everything sequence can be made in the 95 00:06:39,950 --> 00:06:40,400 next few.