1 00:00:00,390 --> 00:00:02,730 So next will be creating the order page. 2 00:00:02,850 --> 00:00:07,770 So for that, we need to go inside the pages and how do we do that? 3 00:00:07,770 --> 00:00:09,750 I really need to file that will be. 4 00:00:12,140 --> 00:00:14,390 It our guards, yes, is good. 5 00:00:15,880 --> 00:00:16,150 Yeah. 6 00:00:17,290 --> 00:00:20,650 We will grab the boilerplate code odyssey. 7 00:00:22,710 --> 00:00:24,540 And will grab the link. 8 00:00:26,560 --> 00:00:27,370 The report. 9 00:00:31,870 --> 00:00:32,380 Laying. 10 00:00:34,580 --> 00:00:36,820 From the crowd or no? 11 00:00:38,340 --> 00:00:42,890 OK, so we'll return a section, basically. 12 00:00:45,070 --> 00:00:47,710 Lecture on the class name of error. 13 00:00:49,610 --> 00:00:51,830 And page. 14 00:00:53,680 --> 00:00:56,110 In a dissection. 15 00:00:58,460 --> 00:01:06,170 So here's what we'll do is we'll provide our day with the nice thing is it has. 16 00:01:08,190 --> 00:01:09,120 Can be no. 17 00:01:09,970 --> 00:01:13,000 And here we'll have an H1, and we'll see. 18 00:01:16,110 --> 00:01:20,280 Something went wrong, man, wrong? 19 00:01:22,100 --> 00:01:22,470 OK. 20 00:01:23,270 --> 00:01:32,990 And after that, we'll have a link to the homepage, so there will be a link and to what part that would 21 00:01:32,990 --> 00:01:39,530 be the directory, so that would be denied to home class name would be but done. 22 00:01:40,700 --> 00:01:40,930 So. 23 00:01:41,930 --> 00:01:42,770 Primary. 24 00:01:44,700 --> 00:01:45,180 OK. 25 00:01:45,730 --> 00:01:48,900 Close this and inside this, we'll be right. 26 00:01:50,190 --> 00:01:51,150 Back to home. 27 00:01:52,150 --> 00:01:52,740 OK. 28 00:01:53,260 --> 00:01:54,010 We'll save this. 29 00:01:55,420 --> 00:01:56,800 So, yeah. 30 00:01:58,340 --> 00:02:00,230 Okay, next, we'll go to Khaled. 31 00:02:01,380 --> 00:02:09,270 The final and the most awaited component that will be the single cocktail of GST, this is the most 32 00:02:09,270 --> 00:02:16,620 awaited one because this will be responsible for the single page display that will be inside the pages 33 00:02:16,620 --> 00:02:17,790 and here will create. 34 00:02:21,720 --> 00:02:22,740 Single. 35 00:02:24,820 --> 00:02:25,930 Cocktail, basically. 36 00:02:28,090 --> 00:02:29,630 Cocktail audience. 37 00:02:31,090 --> 00:02:40,810 And hear what we'll do is we'll, first of all, important the boilerplate code at IFC and here there 38 00:02:40,810 --> 00:02:42,770 will be some imports. 39 00:02:43,660 --> 00:02:44,830 We'll be having loading. 40 00:02:52,320 --> 00:02:52,740 From. 41 00:02:57,540 --> 00:02:58,740 Components less. 42 00:02:59,990 --> 00:03:00,120 Me. 43 00:03:01,480 --> 00:03:04,870 After that, we'll be importing used firearms. 44 00:03:08,210 --> 00:03:08,690 Ford. 45 00:03:11,610 --> 00:03:12,330 U.S. 46 00:03:17,580 --> 00:03:18,240 But Ms. 47 00:03:18,810 --> 00:03:19,350 And. 48 00:03:20,540 --> 00:03:21,020 Link. 49 00:03:22,760 --> 00:03:23,270 From. 50 00:03:24,900 --> 00:03:25,560 The on. 51 00:03:27,060 --> 00:03:28,650 Next, we'll be. 52 00:03:29,670 --> 00:03:34,170 Going inside the function and creating some of the things that cool. 53 00:03:35,850 --> 00:03:38,070 Inside the function will create some new states. 54 00:03:38,340 --> 00:03:40,080 Let me just grab you straight also. 55 00:03:46,090 --> 00:03:51,040 So here what we'll do is we'll create constant. 56 00:03:55,140 --> 00:03:56,550 On and an. 57 00:03:57,640 --> 00:04:00,780 That will be equal to the U.S. 58 00:04:04,050 --> 00:04:04,770 But Ms. 59 00:04:05,760 --> 00:04:06,270 And. 60 00:04:07,690 --> 00:04:08,980 It's a function, basically. 61 00:04:11,290 --> 00:04:13,210 After that, that will be the contest. 62 00:04:15,800 --> 00:04:16,520 Loading. 63 00:04:21,810 --> 00:04:22,730 Sack loading. 64 00:04:23,820 --> 00:04:25,110 That would be cool to. 65 00:04:26,380 --> 00:04:26,940 U.S. 66 00:04:27,790 --> 00:04:28,900 State and. 67 00:04:36,290 --> 00:04:38,720 Although this looks similar to work on text. 68 00:04:42,410 --> 00:04:43,070 That will be. 69 00:04:45,470 --> 00:04:45,980 Also. 70 00:04:48,760 --> 00:04:53,960 The next will be having another constraint that will be. 71 00:04:55,480 --> 00:05:00,400 Well, Bill and Ted Koppel, OK. 72 00:05:01,920 --> 00:05:02,920 That'll be U.S. 73 00:05:04,110 --> 00:05:04,650 State. 74 00:05:05,710 --> 00:05:12,190 And initially, well, you know, then we'll be having the EU's effect. 75 00:05:12,250 --> 00:05:13,720 Let me just grab that also. 76 00:05:15,500 --> 00:05:16,930 Use that. 77 00:05:18,370 --> 00:05:18,910 And. 78 00:05:22,020 --> 00:05:24,990 Side this only after the constraint, maybe. 79 00:05:26,350 --> 00:05:27,310 We'll write. 80 00:05:29,700 --> 00:05:30,360 Use effect. 81 00:05:31,670 --> 00:05:33,830 Except that the function. 82 00:05:39,460 --> 00:05:40,680 We'll start building. 83 00:05:42,690 --> 00:05:42,990 Do. 84 00:05:44,560 --> 00:05:46,720 True, because we're getting the data. 85 00:05:48,510 --> 00:05:51,360 Then we'll be writing and using function. 86 00:05:54,580 --> 00:05:56,500 And that. 87 00:06:00,210 --> 00:06:01,230 Bill was the name. 88 00:06:03,920 --> 00:06:04,190 He. 89 00:06:05,330 --> 00:06:11,030 And after this, we'll be going inside dysfunction and writing some details, we will be writing some 90 00:06:11,030 --> 00:06:13,010 try and catch blocks also. 91 00:06:15,800 --> 00:06:16,820 So we'll ride. 92 00:06:17,750 --> 00:06:18,290 Try. 93 00:06:19,640 --> 00:06:23,870 And so I just feel like Gorenstein is the right response. 94 00:06:25,800 --> 00:06:28,230 Same what we did in the context, basically. 95 00:06:29,850 --> 00:06:30,440 But wait. 96 00:06:32,140 --> 00:06:33,760 I can just copy it from the context. 97 00:06:39,100 --> 00:06:40,300 Maybe we can just leave it. 98 00:06:40,990 --> 00:06:42,250 Maybe you can just copy this. 99 00:06:49,820 --> 00:06:51,740 So here I'll wait. 100 00:06:54,950 --> 00:06:55,430 But. 101 00:06:57,970 --> 00:06:58,900 And here. 102 00:07:00,180 --> 00:07:06,710 Inside the backpacks, so here that will be the link between copy and paste it. 103 00:07:07,200 --> 00:07:12,420 And after the search perimeter, there would be an I.D.. 104 00:07:15,180 --> 00:07:21,330 OK, Jason, look, basically I made a mistake, this is not the you are all for the single page. 105 00:07:22,390 --> 00:07:26,650 Because we saw in the FBI, so that is a little bit different. 106 00:07:27,700 --> 00:07:35,260 That does look up, look up, dot BHP, look up, but BHP and then the. 107 00:07:37,080 --> 00:07:46,020 Or smartphone instead of as that is, I I then this is equally to. 108 00:07:47,530 --> 00:07:48,580 Dollar sign and I.D.. 109 00:07:49,500 --> 00:07:49,880 OK. 110 00:07:50,960 --> 00:07:52,840 Louis, I yeah. 111 00:07:54,170 --> 00:07:55,010 That's correct. 112 00:07:56,100 --> 00:08:04,560 And after this, we'll move to grabbing the retcons data is the call to await. 113 00:08:06,690 --> 00:08:08,700 Bond's daughter, Jason. 114 00:08:09,450 --> 00:08:09,840 OK. 115 00:08:10,410 --> 00:08:11,220 Oh, OK. 116 00:08:11,970 --> 00:08:17,430 So now that is like some long cord. 117 00:08:17,880 --> 00:08:19,050 Well, that'll be if. 118 00:08:21,370 --> 00:08:22,000 Data. 119 00:08:23,330 --> 00:08:24,080 Dog brings. 120 00:08:26,270 --> 00:08:33,920 So the title drinks now, that would be some long cold, which I might like willing to write, because 121 00:08:33,920 --> 00:08:39,980 that will take a lot of time, so I'll just copy it and I just show you I have already done it before, 122 00:08:40,430 --> 00:08:43,430 so I'll show you what it like looks like. 123 00:08:44,330 --> 00:08:45,560 So this if? 124 00:08:48,010 --> 00:08:51,370 Or whatever is that inside this, if I'll be a straight out. 125 00:08:52,300 --> 00:08:59,650 So it is something like this who when we go inside the if statement there is constant. 126 00:09:00,720 --> 00:09:00,960 So. 127 00:09:02,300 --> 00:09:03,600 And this basically. 128 00:09:05,960 --> 00:09:07,650 And we'll add it to. 129 00:09:10,220 --> 00:09:12,680 Is this that this basically? 130 00:09:14,260 --> 00:09:14,500 Yeah. 131 00:09:16,140 --> 00:09:21,420 So you can see we are just setting up the video was nothing great is being done here. 132 00:09:21,430 --> 00:09:26,190 Nothing, no logic or some hard thing is not, but this is just the setting up the names. 133 00:09:26,640 --> 00:09:29,550 Next, we'll go to the ad spot. 134 00:09:30,450 --> 00:09:30,930 Let me go. 135 00:09:31,230 --> 00:09:32,580 Let me see where it is ending. 136 00:09:33,060 --> 00:09:35,800 We're sending you here and we here will ride the spot. 137 00:09:37,260 --> 00:09:39,720 So this will also a repetitive called code. 138 00:09:40,410 --> 00:09:41,670 So inside the LS. 139 00:09:42,820 --> 00:09:52,670 O'Hare will be bursting like other code to the health school, basically sore at me, all this and here 140 00:09:52,820 --> 00:09:53,790 we got our. 141 00:09:54,840 --> 00:10:01,500 And that is starting from here inside their return, we'll be posting this quote. 142 00:10:02,140 --> 00:10:09,480 Now this is just your GSX and there is nothing great and it's like we just see that we are displaying 143 00:10:09,480 --> 00:10:11,760 the great or whatever the logic we we're implementing. 144 00:10:11,760 --> 00:10:20,220 Whatever the data which we have created inside the like are other components those that were not like 145 00:10:20,220 --> 00:10:21,340 mine data. 146 00:10:21,340 --> 00:10:22,380 You know that? 147 00:10:22,740 --> 00:10:23,610 OK, I'm sorry. 148 00:10:23,850 --> 00:10:24,840 What did I do? 149 00:10:25,890 --> 00:10:26,130 Yeah. 150 00:10:26,520 --> 00:10:29,430 So that was the main data here we are just rendering it. 151 00:10:29,430 --> 00:10:37,230 So I don't feel like we need to explain each and every line like of the image in the CSOs and the classes. 152 00:10:37,740 --> 00:10:44,070 There is nothing like in that you can see that are multiple spans and there's some the category and 153 00:10:44,070 --> 00:10:44,370 all. 154 00:10:44,370 --> 00:10:45,610 We are like displaying it. 155 00:10:45,630 --> 00:10:47,200 So we have done that already. 156 00:10:47,220 --> 00:10:48,660 We have done that part already. 157 00:10:49,050 --> 00:10:51,720 Let me see it and the last thing which we have. 158 00:10:53,450 --> 00:11:00,300 Do we want to go to our context and I want to take a look at the U.S fathoms where we imported the U.S. 159 00:11:00,310 --> 00:11:01,430 firms last time? 160 00:11:03,320 --> 00:11:05,540 Not here to work. 161 00:11:07,260 --> 00:11:10,750 So let us configured after Jesus, according to our. 162 00:11:12,420 --> 00:11:13,770 But according to our project. 163 00:11:13,800 --> 00:11:18,420 So let me just genes make changes inside this and. 164 00:11:20,580 --> 00:11:22,720 Our daughters would look something like this. 165 00:11:23,470 --> 00:11:29,050 And now I think we are able to be all things in our browser. 166 00:11:29,920 --> 00:11:35,380 But before that, let me check if there is any other order, meaning we have already created the home 167 00:11:35,380 --> 00:11:42,970 computer and the context in copying Claudia's list and. 168 00:11:45,350 --> 00:11:48,560 OK, so it's showing some error that this object is not defined. 169 00:11:50,320 --> 00:11:55,240 And if you go and check that is inside the cocktail list. 170 00:11:57,400 --> 00:11:57,670 This. 171 00:11:58,510 --> 00:11:59,230 Who hit? 172 00:12:02,240 --> 00:12:03,410 OK. 173 00:12:04,100 --> 00:12:05,930 We see what is the problem. 174 00:12:05,960 --> 00:12:10,970 So I've just restarted the server and let me go to the browser and see how that looks like. 175 00:12:11,750 --> 00:12:12,350 OK, guys. 176 00:12:12,350 --> 00:12:14,970 So here we are with our application. 177 00:12:14,990 --> 00:12:17,080 Everything is like now both. 178 00:12:17,290 --> 00:12:18,230 And let me refresh. 179 00:12:19,250 --> 00:12:22,970 And you can see the full is also coming up, let me search for anything like be. 180 00:12:24,450 --> 00:12:27,810 OK, that works, and let me say something like a. 181 00:12:29,910 --> 00:12:34,110 The loading works, fine cocktails are being rendered, everything is perfect, basically. 182 00:12:35,220 --> 00:12:39,420 And what if I typed something gibberish here? 183 00:12:39,900 --> 00:12:40,200 Oops. 184 00:12:40,200 --> 00:12:40,380 No. 185 00:12:40,440 --> 00:12:42,330 I just found nice. 186 00:12:42,360 --> 00:12:43,860 Let me go to details. 187 00:12:45,090 --> 00:12:46,050 Maybe this one? 188 00:12:47,170 --> 00:12:49,120 On this one, whatever. 189 00:12:50,380 --> 00:12:51,790 And it is the details. 190 00:12:51,820 --> 00:12:53,950 Let me go to the back to home. 191 00:12:55,270 --> 00:13:00,260 OK, so what are applied works perfectly fine, I hope you learn a lot in this project. 192 00:13:00,280 --> 00:13:03,160 This was like a very broad project. 193 00:13:03,160 --> 00:13:08,110 There were a lot of technologies and tools which we have used and we made. 194 00:13:08,110 --> 00:13:15,260 I like the use of react to the extent and all of the hoax and all the required JavaScript functions 195 00:13:15,260 --> 00:13:16,090 have been using this. 196 00:13:16,450 --> 00:13:18,730 So I hope you have learned a lot. 197 00:13:18,970 --> 00:13:23,650 If you have any doubt, you can just really watch it, whatever doubt you have. 198 00:13:23,650 --> 00:13:25,180 And that's it. 199 00:13:26,000 --> 00:13:26,560 And.