1 00:00:00,580 --> 00:00:01,690 Hello, everyone, and welcome. 2 00:00:02,080 --> 00:00:06,370 If you're new to react and never worked on a computer, so you need to have an audience and then be 3 00:00:06,390 --> 00:00:07,480 installed on a computer. 4 00:00:07,810 --> 00:00:11,770 So if you don't have an audience and installed a computer, send you to just go to this website, which 5 00:00:11,800 --> 00:00:15,820 just asked, or did this and select downloads. 6 00:00:16,240 --> 00:00:20,680 So from there, you need to download the Windows installer if you are a Windows user or accordingly 7 00:00:20,680 --> 00:00:29,140 if you are, if you're using any other OS to download the installer and to just follow the instructions 8 00:00:29,140 --> 00:00:29,980 for the installation. 9 00:00:31,060 --> 00:00:35,250 Once the installation is complete, you have no GSM or computer. 10 00:00:35,710 --> 00:00:37,210 Next, you need to download a coordinator. 11 00:00:37,210 --> 00:00:42,030 So I personally use the escort, and I'll say this to you also to use escort regardless of any development 12 00:00:42,040 --> 00:00:42,460 currently. 13 00:00:43,150 --> 00:00:47,860 And you can download it from this website and just download. 14 00:00:47,860 --> 00:00:50,500 It is a normal installation process after downloading. 15 00:00:50,620 --> 00:00:57,490 So like any other software in the world, just download and install it if OK, there set for this environment 16 00:00:57,490 --> 00:00:59,530 and next about this project. 17 00:00:59,530 --> 00:01:02,590 So we'll be using API from Open Weather API. 18 00:01:04,060 --> 00:01:10,780 So you need to visit this website, which is open with a map dot org, and you need to sign in if we 19 00:01:10,780 --> 00:01:14,920 have an account and if we don't have an account to create an account by clicking on sign up. 20 00:01:15,430 --> 00:01:19,180 So 01:07 are going to sign in and open this website and sign in. 21 00:01:19,180 --> 00:01:25,080 And after opening the site to scope of this problem right here and go to my API keys. 22 00:01:25,690 --> 00:01:28,070 So from here, you need to generate an API. 23 00:01:28,710 --> 00:01:34,020 You can see I already have some, some of them, but you are not using or you are not going to use them. 24 00:01:34,030 --> 00:01:38,050 You are going to create your own will use this one because I'm going to read this. 25 00:01:38,500 --> 00:01:43,090 So to create an API key, you need to just provide a name, whatever name. 26 00:01:43,090 --> 00:01:48,280 It doesn't affect the performance or the operation of the API to just script any name, for example 27 00:01:48,280 --> 00:01:51,830 I can create are using the name of best. 28 00:01:51,890 --> 00:01:55,540 So then you have to click on the standard button. 29 00:01:55,540 --> 00:01:57,280 Right there, I click on it. 30 00:01:58,150 --> 00:02:02,520 Then, within a few seconds, within a few couple of seconds, you'll be getting your API key. 31 00:02:02,530 --> 00:02:06,430 For example, this test we created and we got the API key. 32 00:02:06,760 --> 00:02:10,390 So what you need to do is just copy and paste this API key right here. 33 00:02:10,420 --> 00:02:15,810 You need to copy it and save it somewhere so that you can use it later. 34 00:02:15,820 --> 00:02:21,530 And we'll be using will be making huge use of this API key in the next videos. 35 00:02:21,970 --> 00:02:27,160 We just copy and paste it somewhere to this, OK? 36 00:02:27,190 --> 00:02:31,930 And next, after doing this, you need to just go to this homepage of the website. 37 00:02:33,180 --> 00:02:34,020 Because A. 38 00:02:35,550 --> 00:02:37,530 Now you need to see like which? 39 00:02:39,140 --> 00:02:41,900 Which we are going to use to go to EPA. 40 00:02:44,510 --> 00:02:49,970 And we are going to use this the first one here, there are so many of them, but we are going to use 41 00:02:50,570 --> 00:02:55,570 this first one here and need to just click on this iPad doc. 42 00:02:56,170 --> 00:02:59,180 The current weather data, which will show us the current weather data. 43 00:03:00,610 --> 00:03:06,170 So their documentation of the API and it is a very, very, very, very descriptive and very, very 44 00:03:06,170 --> 00:03:11,810 long because it provides you with the data in any format you want, like in any language or something 45 00:03:11,810 --> 00:03:12,200 like that. 46 00:03:12,680 --> 00:03:18,320 So it's a huge documentation and many, like very much information is provided here. 47 00:03:18,950 --> 00:03:24,950 So if you have if you have any doubt and you want to modify the fetching of the data or something like 48 00:03:24,950 --> 00:03:31,820 that, you need to just come here on this website and you to check and just call data accordingly, 49 00:03:31,820 --> 00:03:32,750 like how you want. 50 00:03:33,290 --> 00:03:35,390 So we'll be using this one first one here. 51 00:03:35,750 --> 00:03:36,620 Then we just copy it. 52 00:03:37,890 --> 00:03:45,180 From this point on, and you can see here, this is the URL, and that is the city name, so have the 53 00:03:45,180 --> 00:03:47,700 city name will be passed or you can type it manually. 54 00:03:48,030 --> 00:03:51,060 And this is our app ID or iPad. 55 00:03:51,480 --> 00:03:57,990 So here you will paste the EPA key and magnets copied and pasted in the browser. 56 00:04:00,190 --> 00:04:04,290 And let me just go back and copy my Yankee. 57 00:04:06,520 --> 00:04:08,800 And I'll show you how to use this. 58 00:04:09,100 --> 00:04:13,420 This first one will use and will be strategic. 59 00:04:13,540 --> 00:04:16,690 Remember, you don't need to be stored inside the clearances. 60 00:04:16,690 --> 00:04:20,040 You need to delete the cannabis itself and then you need to proceed. 61 00:04:20,530 --> 00:04:23,770 And here in selenium also, you don't need that at all. 62 00:04:24,380 --> 00:04:31,210 So you will just provide the name of the city and just hit enter to check if your bike is working or 63 00:04:31,210 --> 00:04:31,480 not. 64 00:04:32,050 --> 00:04:38,800 So you can see this is invalid because we have just generated this, so it will take some time to get 65 00:04:39,160 --> 00:04:39,420 to it. 66 00:04:39,530 --> 00:04:40,720 So let me try this one. 67 00:04:41,610 --> 00:04:43,650 And let's go and pasted. 68 00:04:46,040 --> 00:04:49,940 So don't panic if you don't get it done because it takes a little time to get activated. 69 00:04:50,810 --> 00:04:57,210 You can see this on works and we are getting all the data in in the array of objects one. 70 00:04:57,680 --> 00:05:00,770 And now we need to restructure it and use it on our website. 71 00:05:01,490 --> 00:05:02,690 So there's no problem with it. 72 00:05:04,390 --> 00:05:09,970 We are getting older data, and now we'll be using this data in our website to display the weather information 73 00:05:09,970 --> 00:05:12,790 of the stadium, which is provided in the search box. 74 00:05:13,520 --> 00:05:19,990 So this is the data we'll be passing into our application and we will be fetching everything and arranging 75 00:05:19,990 --> 00:05:20,140 it. 76 00:05:20,830 --> 00:05:25,750 You can see it's already messed up, like in the main we have temperature and like. 77 00:05:26,800 --> 00:05:34,540 It's a little messed up, but we need to get the required information from this data, and that's what 78 00:05:35,080 --> 00:05:36,030 we'll see in the next video.