1 00:00:00,500 --> 00:00:04,160 Now are be creating a random killer function that is going to help us create random functions. 2 00:00:04,190 --> 00:00:11,570 Now it is no secret that colors are basically hex values, so we'll be creating a function that is going 3 00:00:11,570 --> 00:00:13,460 to assign different hex values. 4 00:00:14,120 --> 00:00:19,550 So let's just make a function, maybe random cut. 5 00:00:20,900 --> 00:00:22,340 And this is going to be an added function. 6 00:00:24,660 --> 00:00:33,060 And after we make one, let's create a let, and it's going to have color patterns, this color patterns 7 00:00:33,060 --> 00:00:40,140 is going to be equal to hold up string one to starting from one two three four five six seven eight 8 00:00:40,140 --> 00:00:40,500 nine. 9 00:00:41,790 --> 00:00:45,120 And oh, and after this, we're going to have ABCD if. 10 00:00:47,020 --> 00:00:52,510 So basically, you have all those numbers that are included in that hex values, know whatever semicolon. 11 00:00:52,780 --> 00:00:53,740 And let. 12 00:00:54,880 --> 00:00:57,610 Good of equal to a hashtag. 13 00:00:58,840 --> 00:01:01,480 So now you might have got a pretty much idea what you going to do? 14 00:01:02,440 --> 00:01:08,060 Now let's create a follow up and this follow up is going to have a let again I, which is going to be 15 00:01:08,060 --> 00:01:08,770 equal to zero. 16 00:01:09,340 --> 00:01:15,280 And until and unless it's less than six, we want to keep implementing it. 17 00:01:17,410 --> 00:01:23,080 And what they're going to do is that will be creating color, so this color. 18 00:01:25,120 --> 00:01:26,500 Should be close to collapse. 19 00:01:28,930 --> 00:01:29,380 Plus. 20 00:01:31,850 --> 00:01:32,270 Pattern. 21 00:01:35,250 --> 00:01:39,450 And this color pattern is going to hold up a mark. 22 00:01:40,510 --> 00:01:41,160 The flow. 23 00:01:43,640 --> 00:01:46,310 And inside this mandatory mandate, random. 24 00:01:51,380 --> 00:01:53,060 And random. 25 00:01:55,290 --> 00:01:56,120 I 16. 26 00:01:57,120 --> 00:02:00,660 So basically what it is going to do, it is going to assign random variables. 27 00:02:01,290 --> 00:02:06,450 So ah, so we can just do the fact that it a little bit and remove those colors and put up a plus sign. 28 00:02:08,040 --> 00:02:11,220 OK, so colors equals to get a bad color plus color patterns. 29 00:02:11,730 --> 00:02:16,800 This color is holding up a hashtag, so we'll be having different hex values every for every iteration, 30 00:02:16,800 --> 00:02:17,040 right? 31 00:02:18,450 --> 00:02:20,190 So now let's return our colors. 32 00:02:26,880 --> 00:02:32,550 So here is a function that is going to give different returns, different color values. 33 00:02:33,850 --> 00:02:38,280 So now this function will do is that every time we call it, it is going to hit on us a different age. 34 00:02:38,280 --> 00:02:45,130 We value a different hexadecimal value based on the color patterns and we are going to have different 35 00:02:45,130 --> 00:02:45,550 colors. 36 00:02:45,880 --> 00:02:50,920 Now, after this random color, we want to create a fetch method that is going to fetch our data from 37 00:02:50,920 --> 00:02:51,670 our API, right? 38 00:02:52,270 --> 00:02:53,140 So let's do it. 39 00:02:53,680 --> 00:02:58,990 Let's create a functional method and call it get goods or perhaps fetch goods. 40 00:03:02,010 --> 00:03:10,520 And this court is going to be another function again, and this time they'll be using Axios soap, benefit 41 00:03:10,530 --> 00:03:17,610 Domino's and create a new terminal that's important Axios from Axios module. 42 00:03:20,330 --> 00:03:22,610 Now, semicolon and it's done. 43 00:03:23,150 --> 00:03:25,250 So now we're facing a deadline to have its cuts, right? 44 00:03:25,250 --> 00:03:29,720 So let's just better data and to do that, we need Axios. 45 00:03:30,770 --> 00:03:36,980 So Axios don't get this is going to fetch our data from our API. 46 00:03:37,400 --> 00:03:43,030 Now if you're wondering, where is the API if you just see it, the assets folder that has been brought 47 00:03:43,050 --> 00:03:46,610 to you, this is the API on which you are to make all this is. 48 00:03:47,640 --> 00:03:54,720 Once you have copied, they become aware that they are study ethics and pay students ideal Axios to 49 00:03:54,810 --> 00:03:55,200 get. 50 00:03:56,790 --> 00:04:04,200 So here is Arabia now we're going to put that down, then disappear and then. 51 00:04:07,750 --> 00:04:12,010 And insert this, then we are going to get that reserved. 52 00:04:16,280 --> 00:04:18,050 And this reserve is going to be. 53 00:04:22,510 --> 00:04:23,290 Against. 54 00:04:25,090 --> 00:04:27,250 And this country's going to be stored data. 55 00:04:30,670 --> 00:04:35,830 And now we're using the spirit operator to get all the details of our results, our. 56 00:04:36,760 --> 00:04:37,660 Just data. 57 00:04:40,130 --> 00:04:40,850 That cuts. 58 00:04:44,930 --> 00:04:51,080 And now what about semicolon, no, right after dawn, then what do you need to do is that we are going 59 00:04:51,080 --> 00:04:57,920 to call colors the random a function so well, say in accordance to the color, which is going to be 60 00:04:57,920 --> 00:05:03,020 equal to this stirred random color. 61 00:05:04,970 --> 00:05:05,990 Again, a semicolon. 62 00:05:06,500 --> 00:05:12,230 Now we are going to change the value of our colors, right, so what they're going to do is that change 63 00:05:12,230 --> 00:05:20,270 the value randomly because we won't assign random values, so we be directly updating our dorm so document. 64 00:05:21,600 --> 00:05:22,290 The body. 65 00:05:23,940 --> 00:05:24,840 Notes, though. 66 00:05:26,890 --> 00:05:30,760 That color is going to be equal to our color. 67 00:05:33,060 --> 00:05:39,170 Now, after this, they're going to change the background color as well, so document that. 68 00:05:40,230 --> 00:05:42,600 Body style. 69 00:05:45,300 --> 00:05:46,440 The background color. 70 00:05:54,070 --> 00:05:56,330 Which is again going to be called white collar. 71 00:05:57,640 --> 00:06:03,390 Now after this, you are going to change the state of our object, for example, I have gotten this 72 00:06:03,400 --> 00:06:05,710 good data, so I'm going to it. 73 00:06:06,370 --> 00:06:10,300 Assign this data to a state which again is an empty area. 74 00:06:10,450 --> 00:06:13,780 And so let's just assign it to our state. 75 00:06:14,230 --> 00:06:16,000 So this noted state. 76 00:06:18,860 --> 00:06:22,250 Then again, this is going to be quarter data. 77 00:06:24,870 --> 00:06:25,560 Would be. 78 00:06:28,910 --> 00:06:29,210 Good. 79 00:06:30,750 --> 00:06:31,200 Data. 80 00:06:32,430 --> 00:06:38,430 So this really make sure that the color property even assigns of color because the color. 81 00:06:39,490 --> 00:06:46,170 OK, so we have set up our state now we need to set up a get statement, which hopefully would be. 82 00:07:01,440 --> 00:07:05,400 OK, so this is supposed to be a comma, not a semicolon, OK? 83 00:07:06,850 --> 00:07:12,820 So now we need to set up a statement and then we'll be setting up a catch. 84 00:07:13,240 --> 00:07:15,880 What if it doesn't go right, then what you need to do? 85 00:07:16,510 --> 00:07:21,580 You will just be an agreement to get the error and go until all that data. 86 00:07:23,000 --> 00:07:24,980 So let's just console.log this data. 87 00:07:30,100 --> 00:07:35,330 You need to just step in C a g to get there, and they're going to look statements so. 88 00:07:37,540 --> 00:07:43,810 So now we have said it a still matter that is going to fetch our data and assign it to US states. 89 00:07:44,260 --> 00:07:50,260 So now there's another piece of code that we need to add, and that is going to be handled like whenever 90 00:07:50,260 --> 00:07:55,570 I use a process that he or she needs in another code, we have to provide with an adequate right. 91 00:07:55,570 --> 00:07:56,890 So that's what we're going to do. 92 00:07:57,550 --> 00:08:02,050 So let's call as I make it into the matter and name it.