1 00:00:00,860 --> 00:00:03,140 Hello, welcome back to this new video of this project. 2 00:00:03,740 --> 00:00:09,590 So until now, we have completed everything regarding the homepage now styling the reducer functions 3 00:00:09,590 --> 00:00:10,100 and everything. 4 00:00:10,640 --> 00:00:13,400 The last thing we are left with is dealing with the blocks. 5 00:00:13,400 --> 00:00:18,230 The main aim of our main motive behind our project is building blocks. 6 00:00:18,890 --> 00:00:21,050 So we to get the data of these blocks. 7 00:00:21,470 --> 00:00:25,670 So basically, we can get the data of these blocks from our API call a genius. 8 00:00:26,450 --> 00:00:26,750 OK. 9 00:00:27,200 --> 00:00:28,520 So go to this page. 10 00:00:29,830 --> 00:00:30,930 Genius, what you. 11 00:00:31,210 --> 00:00:38,680 This is our API like in a simple news rest API, which with which you can search news, related articles 12 00:00:38,680 --> 00:00:39,980 and get results in Jason. 13 00:00:40,480 --> 00:00:43,990 It is also possible to get top news headlines based on the Google ranking. 14 00:00:44,650 --> 00:00:47,170 OK, so you get like this and the documentation. 15 00:00:47,410 --> 00:00:48,400 This is the date on file. 16 00:00:48,730 --> 00:00:51,700 You'll be getting the total number of articles, for example. 17 00:00:55,070 --> 00:00:56,060 I'll give some. 18 00:00:59,120 --> 00:00:59,330 A. 19 00:01:00,860 --> 00:01:01,370 Such. 20 00:01:02,580 --> 00:01:07,220 You can see your ratings on two thousand twenty nine thousand eighteen articles for this input. 21 00:01:08,340 --> 00:01:10,020 And this will be in the on format. 22 00:01:10,260 --> 00:01:15,540 The title of that description content you are an image published X-Force and everything so that we can 23 00:01:15,540 --> 00:01:18,780 use everything so that we can bring to individuals like this. 24 00:01:20,230 --> 00:01:20,650 OK. 25 00:01:21,850 --> 00:01:24,370 So how to use this first thing, you will sign it. 26 00:01:24,770 --> 00:01:25,120 OK? 27 00:01:25,840 --> 00:01:32,620 Just sign it into the genius, then you'll get this this thing whenever you sign design and you have 28 00:01:32,620 --> 00:01:33,310 to create an account. 29 00:01:33,400 --> 00:01:36,280 You can just get on with your username and password. 30 00:01:36,880 --> 00:01:41,200 Once you create the content, you sign up, then you'll get this page dashboard. 31 00:01:41,500 --> 00:01:44,650 So this will by default give you an API token. 32 00:01:44,980 --> 00:01:48,430 Your plan, a request, limit requests and everything. 33 00:01:48,850 --> 00:01:50,260 So copy this API key. 34 00:01:50,380 --> 00:01:52,750 This will use it for our website. 35 00:01:53,050 --> 00:01:55,150 So once you do this, we are done with the API. 36 00:01:55,510 --> 00:01:58,390 Now we have to write code for the blog Dodgers component. 37 00:01:59,340 --> 00:02:04,950 So when we just record incompetence, you create a page called Blogs Charges. 38 00:02:05,670 --> 00:02:09,870 So here now we'll see what this all code means. 39 00:02:09,870 --> 00:02:16,650 Like all the line by line explanation of these codes, posting what we are doing, reporting react. 40 00:02:16,950 --> 00:02:21,630 So as I said about public service, you will use it, you can use Efecto Kaiser said in a previous lecture 41 00:02:21,630 --> 00:02:27,270 that similar to use Facebook, we can have we have a better hook, such as use effective this channel. 42 00:02:27,780 --> 00:02:30,300 So here is the use effect locally and see where we use that. 43 00:02:30,840 --> 00:02:34,830 And also Axios exists is used to make requests for the API. 44 00:02:35,340 --> 00:02:39,870 So we get there will be an end point for the documentation search in the documentation. 45 00:02:40,830 --> 00:02:42,330 Here you go to the documentation. 46 00:02:43,930 --> 00:02:45,490 You lava and wine for this. 47 00:02:47,730 --> 00:02:48,830 Yeah, this is the end point. 48 00:02:48,870 --> 00:02:54,990 So this is the API endpoint where we can get the data of this news and everything. 49 00:02:55,290 --> 00:02:56,610 With the help of US search. 50 00:02:57,650 --> 00:02:58,130 Searching. 51 00:02:59,730 --> 00:03:07,000 So for that basically to get the request to make the request, that is where we use Xia's, OK, now 52 00:03:07,000 --> 00:03:09,660 they'll use dispatch and you certainly you are familiar with this. 53 00:03:10,410 --> 00:03:14,170 Does up user input and select block data from users lives? 54 00:03:15,030 --> 00:03:16,350 I hope you are familiar with this. 55 00:03:16,350 --> 00:03:18,720 If you're not familiar, you can review the previous videos. 56 00:03:19,380 --> 00:03:21,870 Another styling really imported from blogger cases. 57 00:03:22,140 --> 00:03:24,180 Best writing We have already done so. 58 00:03:24,180 --> 00:03:27,960 You can see this the page the page had the blogs. 59 00:03:28,050 --> 00:03:30,780 Each blog should reflect the division of each blog. 60 00:03:31,170 --> 00:03:34,680 The images of blog, the span of source name, battery life and everything. 61 00:03:34,680 --> 00:03:37,590 You can just refer to the quote file that you will be getting. 62 00:03:39,970 --> 00:03:45,160 So once we are done with the styling and I will create function, functional blocks and then export 63 00:03:45,160 --> 00:03:51,910 the blocks, so now we'll see what are the color coding is in the next will see this in the next, really?