1 00:00:01,290 --> 00:00:07,410 So now we're reconfiguring a motor, Stajcic, so head to a model Stajcic and create a functional component, 2 00:00:07,410 --> 00:00:08,220 so const. 3 00:00:10,070 --> 00:00:13,430 Model and this model is again going to be another function. 4 00:00:16,180 --> 00:00:17,590 Now put up a written statement. 5 00:00:19,100 --> 00:00:22,970 And inside this written statement, we're going to have a parent continued, So let's agree to death. 6 00:00:23,660 --> 00:00:26,960 And finally, just give it a class name of equals. 7 00:00:26,960 --> 00:00:31,040 Two model container is open, so give it a class name. 8 00:00:34,420 --> 00:00:34,860 Model. 9 00:00:37,260 --> 00:00:40,380 Container is open. 10 00:00:41,970 --> 00:00:47,700 So now conditionally, we'll be assigning it the class name, and you will soon figure out what I'm 11 00:00:47,700 --> 00:00:54,480 talking about, but for now, let's just leave it like this that Dave has a class name of modal containers 12 00:00:54,480 --> 00:00:54,810 open. 13 00:00:55,410 --> 00:01:02,190 And after this, he will be creating another day after yet another day and give this a class name of 14 00:01:02,190 --> 00:01:02,880 more content. 15 00:01:02,890 --> 00:01:06,270 So this class name or equals two more content. 16 00:01:09,490 --> 00:01:13,900 All right, so here is a class name of what we're going to close this now inside this will be having 17 00:01:13,940 --> 00:01:16,540 a tax of literature tagged with the text. 18 00:01:16,540 --> 00:01:17,140 Congrats. 19 00:01:19,050 --> 00:01:23,580 And this is going to congratulate a user that, yes, you have on to the particular question correctly. 20 00:01:24,150 --> 00:01:27,840 Now after this, they're going to have a paragraph element to create a Paragraph 10. 21 00:01:29,220 --> 00:01:35,130 And inside this paragraph that we are going to give the statistics to our users that you have then this 22 00:01:35,130 --> 00:01:36,090 much questions correctly. 23 00:01:36,480 --> 00:01:37,590 So you answered. 24 00:01:40,090 --> 00:01:40,900 You answered. 25 00:01:43,160 --> 00:01:44,930 I mean, and questions correctly. 26 00:01:47,380 --> 00:01:51,340 As for now, we are not getting any state, so we're assigning it to any sort of random venue, but 27 00:01:51,340 --> 00:01:56,500 once we configured our state inside, the application will be coming up and changing it to the dynamic 28 00:01:56,500 --> 00:01:56,960 values. 29 00:01:56,980 --> 00:01:59,740 But for now, let's just leave it like some of sound. 30 00:01:59,760 --> 00:02:01,480 So you have answered all the questions. 31 00:02:03,220 --> 00:02:03,760 Could it be? 32 00:02:07,380 --> 00:02:11,640 All right, so here is a paragraph element now, right beneath a paragraph element, we're going to 33 00:02:11,640 --> 00:02:13,770 have a button, so let's create it up now. 34 00:02:16,030 --> 00:02:17,830 And this button is going to speak up. 35 00:02:18,660 --> 00:02:20,920 Is going to have a class name of close button. 36 00:02:24,130 --> 00:02:29,200 All right, so and this is also going to have until property, but will be adding it that property later 37 00:02:29,200 --> 00:02:33,790 on in order to close this and this is going to have a text in between that is going to say play again. 38 00:02:35,900 --> 00:02:42,530 All right, so this is all about a order now let's export our motor export motor. 39 00:02:46,840 --> 00:02:48,310 So we exporting our model as well. 40 00:02:48,350 --> 00:02:51,640 Now let's close this, so we have configured our app. 41 00:02:52,560 --> 00:02:57,680 I mean, we are configured to set up some logistics as well as our model, so genetics. 42 00:02:58,080 --> 00:03:02,280 Now what remains is a loading the next week and figuring out loading screens who had to load extreme 43 00:03:02,280 --> 00:03:06,480 logistics and close up all the other tabs and close this as well. 44 00:03:07,230 --> 00:03:09,990 Now let's create a functional component. 45 00:03:10,890 --> 00:03:13,980 And this was going to be an added component at a function. 46 00:03:13,980 --> 00:03:17,310 I mean, so guns floating and error function. 47 00:03:18,400 --> 00:03:21,740 And this is going to have a written statement and this written statement, we're going to have a parent 48 00:03:21,740 --> 00:03:22,930 do so collaborative. 49 00:03:25,340 --> 00:03:26,390 And there's death. 50 00:03:27,290 --> 00:03:29,250 Let's just make it a mean not to give. 51 00:03:29,660 --> 00:03:36,620 And this man is going to have a death that is going to be a class name equals to loading. 52 00:03:38,310 --> 00:03:39,300 Now closed this. 53 00:03:41,730 --> 00:03:42,830 So this is a component. 54 00:03:43,170 --> 00:03:47,120 Let's export our components or export devolved. 55 00:03:47,580 --> 00:03:48,000 OK. 56 00:03:55,200 --> 00:03:56,550 Export for loading. 57 00:04:02,050 --> 00:04:06,880 All right, so we have configured all the components that we have, except for our context dodges that 58 00:04:06,880 --> 00:04:10,570 is going to be supplier or provider of the data to all of these components. 59 00:04:11,140 --> 00:04:13,900 So that is next on our list. 60 00:04:14,170 --> 00:04:19,030 But before we do that, let's call all of these companies and strategy assess and see how they actually 61 00:04:19,030 --> 00:04:21,250 look, the diseases that we have applied to them. 62 00:04:21,600 --> 00:04:25,780 So apart from set up, so calling our model, so let's call our model. 63 00:04:27,220 --> 00:04:29,800 And after this model, we'll also be calling up our loading screen. 64 00:04:29,800 --> 00:04:31,090 So call you are loading. 65 00:04:34,970 --> 00:04:37,360 All right, so we also need to import a motor. 66 00:04:47,110 --> 00:04:49,120 All right, we have all the components that we need now. 67 00:04:49,150 --> 00:04:52,660 I just need to put up a closing tag, I said closing tag on my loading. 68 00:04:54,040 --> 00:04:56,470 All right, so we are all set and ready to roll. 69 00:04:56,650 --> 00:05:00,250 Now let's just fire up our terminal and see how that operation looks.