1 00:00:00,240 --> 00:00:01,910 OK, so next, what will we do? 2 00:00:01,980 --> 00:00:08,290 We will be doing is we'll be creating the delete node functionality and started the abroad. 3 00:00:08,470 --> 00:00:10,080 So after this A.. 4 00:00:10,980 --> 00:00:12,450 Let me create the delete note. 5 00:00:13,830 --> 00:00:20,340 Before that, I knew to write a function that is to delete, not function, delete note, and that is 6 00:00:20,340 --> 00:00:22,680 equal to an already inserted. 7 00:00:25,100 --> 00:00:31,550 After that, we'll be having the concert, and that will be new north. 8 00:00:32,760 --> 00:00:32,930 The. 9 00:00:34,470 --> 00:00:42,180 You know, it's not new, not that there's just a New York City so new and that it will be equal to 10 00:00:42,180 --> 00:00:46,740 North Start England and A. Not. 11 00:00:47,340 --> 00:00:48,090 I think there's a. 12 00:00:49,870 --> 00:00:52,410 So that is the North. 13 00:00:53,560 --> 00:01:00,210 After that, there will be a fight at all and will be the no doubt. 14 00:01:01,390 --> 00:01:02,650 And there should not be. 15 00:01:04,540 --> 00:01:05,680 The call to indeed. 16 00:01:08,270 --> 00:01:13,760 OK, so that is what it is like, we want to delete the note, but there should be particular. 17 00:01:14,060 --> 00:01:16,220 It should be equal to that. 18 00:01:16,220 --> 00:01:23,840 It only whatever we are deleting or whatever the delete button we are pressing on the board on that 19 00:01:23,840 --> 00:01:26,900 if you don't, review must only be deleted, not anything else. 20 00:01:27,470 --> 00:01:33,290 The next will certainly is to write notes to the new notes. 21 00:01:36,420 --> 00:01:37,320 Nuno's OK. 22 00:01:37,710 --> 00:01:38,270 OK. 23 00:01:38,850 --> 00:01:39,490 That is it. 24 00:01:39,510 --> 00:01:46,350 Now we want to provide everything inside data on every single thing will be dead inside Britain because 25 00:01:47,160 --> 00:01:54,000 whatever the hard work we have done, that should be made utilize inside this that are done and that 26 00:01:54,000 --> 00:01:56,550 is all that is what we want to do right now. 27 00:01:57,150 --> 00:02:01,230 Let me just delete everything and write everything from scratch. 28 00:02:01,620 --> 00:02:06,330 So here we will give our David a class name of random class name. 29 00:02:07,430 --> 00:02:08,790 So it's how the div. 30 00:02:10,360 --> 00:02:14,440 Yeah, the cities and there will be a ghastly, random, ghastly. 31 00:02:16,460 --> 00:02:23,120 So now you will understand why I'm doing this at a no last name, because I want to give the dark mode 32 00:02:23,120 --> 00:02:28,180 whenever I whenever I click the dark mode button, so there should be a change in the classroom. 33 00:02:28,190 --> 00:02:31,490 So that is why I'm giving this random thing. 34 00:02:32,060 --> 00:02:36,130 OK, so it can be a little stand with little little. 35 00:02:36,290 --> 00:02:43,010 OK, OK, so here that would be dark mode and. 36 00:02:45,040 --> 00:02:46,000 There would be. 37 00:02:51,230 --> 00:02:52,700 Mode will be the costume. 38 00:02:52,730 --> 00:02:56,120 OK, so that is what we have done as of now. 39 00:02:57,010 --> 00:03:05,990 Now what we'll do next is we will create our day with the custom of containers that will be container. 40 00:03:07,560 --> 00:03:10,250 Now inside this container, there will be hurdles. 41 00:03:11,100 --> 00:03:12,060 So how does. 42 00:03:12,940 --> 00:03:18,080 And that hurdle would also be having some things out. 43 00:03:19,800 --> 00:03:22,920 This is a self-loathing thing, so let me just. 44 00:03:23,830 --> 00:03:25,540 This is a hard component, basically. 45 00:03:27,300 --> 00:03:27,690 So. 46 00:03:29,540 --> 00:03:33,500 Is this we will be holding the handle of a lot more? 47 00:03:34,820 --> 00:03:37,010 And we'll start W All right. 48 00:03:38,080 --> 00:03:39,910 Dark mode. 49 00:03:40,930 --> 00:03:42,160 Simple, simple, simple. 50 00:03:42,690 --> 00:03:47,980 Okay, next, we'll be having the search component search. 51 00:03:48,710 --> 00:03:54,530 And inside of this, that all thoughts will be self-closing back and start of search that will be the 52 00:03:54,530 --> 00:03:55,760 handle, search or turn. 53 00:03:56,900 --> 00:04:01,610 So I think there should be auto generated. 54 00:04:03,810 --> 00:04:05,190 And in the. 55 00:04:06,270 --> 00:04:06,540 And. 56 00:04:07,650 --> 00:04:08,250 Search. 57 00:04:10,670 --> 00:04:17,660 Note, and that will be equal to that should be equal to the surge, except. 58 00:04:20,250 --> 00:04:20,530 Great. 59 00:04:22,170 --> 00:04:22,650 Sect. 60 00:04:24,740 --> 00:04:26,600 So next. 61 00:04:27,190 --> 00:04:28,010 Oh, that's it. 62 00:04:29,080 --> 00:04:33,330 Will be having the Nautilus two, which will be displaying everything now, this is the most interesting 63 00:04:33,330 --> 00:04:35,580 part now we have been all the hard work now. 64 00:04:35,940 --> 00:04:38,640 We are just importing things, so that is so satisfying. 65 00:04:39,180 --> 00:04:41,430 So that will be, you know, at least 66 00:04:44,300 --> 00:04:45,570 the short auto imported yacht. 67 00:04:46,410 --> 00:04:50,130 And this is a self-closing thing inside the Nautilus. 68 00:04:50,130 --> 00:04:51,120 Definitely not. 69 00:04:52,380 --> 00:04:52,890 And. 70 00:04:54,230 --> 00:05:01,160 Notes would be equal to like we have to filter them, right, so there will be no start. 71 00:05:02,460 --> 00:05:03,030 When does. 72 00:05:05,220 --> 00:05:05,760 And. 73 00:05:07,530 --> 00:05:11,070 It's out of this, that the function, so there will be no and. 74 00:05:12,510 --> 00:05:13,710 But this will be equal to. 75 00:05:16,330 --> 00:05:24,940 They no dog next thought to lower case because they want to convert it to all workers and. 76 00:05:27,210 --> 00:05:38,430 It is a function basically to this will be include includes and that could be the search next. 77 00:05:39,430 --> 00:05:41,600 Simple, really, really simple. 78 00:05:42,100 --> 00:05:45,760 So after this, what will do after this all is done like. 79 00:05:47,490 --> 00:05:56,340 Inside the note list, only after this is done, well, what we'll do is we will not add the note to, 80 00:05:56,430 --> 00:06:06,870 we'll call it, handle a note, and this will be for adding the note or will note next, we'll be having 81 00:06:06,870 --> 00:06:11,550 the delete notes to handle delete note. 82 00:06:12,970 --> 00:06:15,940 Before the High Court will be providing the. 83 00:06:18,570 --> 00:06:21,090 The lead, not simple. 84 00:06:21,660 --> 00:06:29,420 So now we have provided everything like everything is provided now, the only thing which we need is 85 00:06:29,430 --> 00:06:35,140 to dial style art containers like this, this thing, right? 86 00:06:35,680 --> 00:06:40,830 We need to just do that so that we will do inside index next door to see us fight. 87 00:06:42,670 --> 00:06:45,520 So let us go to the container. 88 00:06:45,640 --> 00:06:45,940 Yeah. 89 00:06:47,830 --> 00:06:48,510 Inside of her. 90 00:06:49,700 --> 00:06:53,660 I'll write contender class, and I'll still be condemn the class. 91 00:06:54,140 --> 00:06:59,900 So containers inside the container will give them max. 92 00:07:02,330 --> 00:07:06,530 Max, width of 960 pixels and 60 pixels. 93 00:07:07,040 --> 00:07:09,680 And after that, we'll be having the margin right. 94 00:07:11,690 --> 00:07:12,720 On right. 95 00:07:13,500 --> 00:07:14,570 That would be Auto. 96 00:07:16,280 --> 00:07:20,200 I'll go and we'll be having a margin left before, too. 97 00:07:20,770 --> 00:07:28,220 Margin left that will be also affordable and we'll be having some padding, right, so. 98 00:07:29,360 --> 00:07:32,510 If we see it and see if that is looking in the browser. 99 00:07:33,490 --> 00:07:33,910 OK. 100 00:07:34,690 --> 00:07:37,430 There's an and they're gorgeous. 101 00:07:37,450 --> 00:07:40,300 Let me see what put this on the line number thirty four. 102 00:07:41,340 --> 00:07:42,360 Thirty four. 103 00:07:42,970 --> 00:07:46,980 Well, OK, there's a typo in the US spelling. 104 00:07:47,860 --> 00:07:50,470 So that we have corrected now. 105 00:07:50,500 --> 00:07:52,300 Let us go to the browser. 106 00:07:54,860 --> 00:07:57,590 Oh, that looks so beautiful, right? 107 00:07:58,010 --> 00:08:00,620 Everything in it, looking so beautiful right now. 108 00:08:01,130 --> 00:08:06,620 And I hope that's functional also and can type something and publish. 109 00:08:07,190 --> 00:08:07,690 OK. 110 00:08:07,820 --> 00:08:09,080 We will get back to it. 111 00:08:09,160 --> 00:08:10,190 Why it's not working out. 112 00:08:10,520 --> 00:08:16,550 But as at least the UI looks good and this is also working fine. 113 00:08:16,880 --> 00:08:19,820 But this below part, it's not doing so. 114 00:08:20,090 --> 00:08:20,600 No problem. 115 00:08:20,610 --> 00:08:21,200 We'll do that. 116 00:08:21,890 --> 00:08:24,440 Maybe some glass has left foot, but it lovely. 117 00:08:24,710 --> 00:08:25,820 So that is no problem. 118 00:08:25,910 --> 00:08:29,240 I will do that, but most of the thing is working, so let us go back. 119 00:08:30,240 --> 00:08:32,190 And it starts dialing. 120 00:08:33,610 --> 00:08:41,440 So after this, we will have another property, but that property would be the right bedding for that 121 00:08:41,440 --> 00:08:41,770 will be. 122 00:08:43,690 --> 00:08:46,400 And for that, I'd be giving the 15 percent. 123 00:08:48,860 --> 00:08:55,430 And of course, I will give up adding left, so that will be fighting left. 124 00:08:55,940 --> 00:08:57,350 And that is also hefty. 125 00:08:58,930 --> 00:09:03,160 After that, I will give the minimum height often, which. 126 00:09:04,300 --> 00:09:08,700 Under 40 percent of the vote be given. 127 00:09:09,370 --> 00:09:15,940 So now I hope that dark mode problem is solved, and then I come here and I do. 128 00:09:16,510 --> 00:09:24,820 Yeah, now we can see our dark mode feature is working perfectly fine, but I think we can delete this. 129 00:09:25,240 --> 00:09:33,370 OK, delete is not working right now and we can publish anything because I wrote here, but this is 130 00:09:33,370 --> 00:09:34,030 also not working. 131 00:09:34,380 --> 00:09:41,800 So let us go and style or configure did not like note is the only problem here. 132 00:09:42,940 --> 00:09:47,440 Well, let's go ahead and do it, maybe in the naughty list or anywhere else. 133 00:09:47,680 --> 00:09:48,250 Let's see. 134 00:09:50,650 --> 00:09:54,490 So if we come to the naughty list and see. 135 00:09:55,650 --> 00:09:56,180 Okay. 136 00:09:56,220 --> 00:10:01,770 Things are dynamic, but I think in the north you can see there is no dynamic spirited. 137 00:10:02,160 --> 00:10:06,180 We have just given the like hardcoded values. 138 00:10:06,300 --> 00:10:12,870 So how that will work to inside the North, we will provide this as the dynamic value by providing the 139 00:10:12,870 --> 00:10:14,810 core lyricism to. 140 00:10:15,910 --> 00:10:20,560 We provide the climate, and for that date also, that will only be deep. 141 00:10:20,990 --> 00:10:22,190 But let me tell you this. 142 00:10:23,740 --> 00:10:25,260 And that will be the. 143 00:10:26,540 --> 00:10:27,170 And. 144 00:10:28,640 --> 00:10:36,050 We will also add the handle delete button here inside the bottom, so we'll add on. 145 00:10:37,190 --> 00:10:37,560 Link. 146 00:10:38,270 --> 00:10:41,690 And that would be equal to a function. 147 00:10:43,640 --> 00:10:45,360 Which will be giving us, though. 148 00:10:46,080 --> 00:10:46,410 And. 149 00:10:47,950 --> 00:10:51,530 The lead note and that inside of that ribbon in aid. 150 00:10:52,450 --> 00:10:53,930 OK, let me save it. 151 00:10:55,270 --> 00:10:56,350 Let me say it. 152 00:10:56,500 --> 00:11:01,750 OK, now let me go to the ad note, because I don't think that as much functionality here you can see 153 00:11:01,750 --> 00:11:06,520 that things are static here, but we need to make them dynamic, right? 154 00:11:06,940 --> 00:11:08,620 So we will go to the L.A.. 155 00:11:10,390 --> 00:11:16,330 And instead of here, I think everything else is perfect, but the only thing is that. 156 00:11:17,490 --> 00:11:19,200 We need to make this dynamic. 157 00:11:20,630 --> 00:11:21,410 So let us do that. 158 00:11:22,970 --> 00:11:26,020 So this is a small bill, right? 159 00:11:27,920 --> 00:11:33,500 Like, limiting the left would be a left, and so I will try. 160 00:11:34,520 --> 00:11:35,960 And what would be the JavaScript? 161 00:11:36,230 --> 00:11:39,800 It would be the character limit at the. 162 00:11:41,490 --> 00:11:42,070 Limit. 163 00:11:43,180 --> 00:11:45,600 And I will try to. 164 00:11:46,700 --> 00:11:47,690 No text. 165 00:11:50,630 --> 00:11:51,380 Scotland. 166 00:11:53,310 --> 00:11:58,740 OK, and we'll also have the tendency to say click, is that right? 167 00:11:59,160 --> 00:12:01,970 What in God's name is that? 168 00:12:01,980 --> 00:12:02,370 Is that? 169 00:12:03,320 --> 00:12:04,010 We save it. 170 00:12:05,340 --> 00:12:09,870 So after saving, we need to go back to the browser and have a look how that looks. 171 00:12:10,650 --> 00:12:18,390 So let us go here and you can see odd like the hardcoded things are still there. 172 00:12:18,930 --> 00:12:20,370 Let we first tried to delete this? 173 00:12:21,680 --> 00:12:22,020 OK. 174 00:12:22,100 --> 00:12:22,970 That has been deleted. 175 00:12:23,510 --> 00:12:27,020 Now let me just try to write songs here like the new. 176 00:12:29,030 --> 00:12:30,080 Review here. 177 00:12:32,190 --> 00:12:33,420 OK, let me publish it. 178 00:12:34,800 --> 00:12:37,200 It's not working right now, obviously is not working. 179 00:12:38,050 --> 00:12:40,260 But yeah, this is being changed. 180 00:12:41,430 --> 00:12:42,990 Let us take a look at the published. 181 00:12:44,230 --> 00:12:45,010 Why it's not working. 182 00:12:46,000 --> 00:12:52,120 So far, they've published that will be handled save click, is there any typo or no, it's not. 183 00:12:53,540 --> 00:12:56,120 Last name or the quiet little. 184 00:12:58,230 --> 00:13:05,580 That disturbance union will do everything it can to handle sea, click inside this, I think there's 185 00:13:05,580 --> 00:13:06,240 some problem. 186 00:13:11,640 --> 00:13:12,500 Let me figure it out. 187 00:13:12,810 --> 00:13:19,530 So the problem with the ad is the naughty list because we have given this report, but we have not given 188 00:13:19,530 --> 00:13:20,580 any functionality here. 189 00:13:21,030 --> 00:13:23,510 Will give a call to sign here and here. 190 00:13:23,520 --> 00:13:26,490 We will give the handle not specialty. 191 00:13:27,780 --> 00:13:28,920 And I ignored. 192 00:13:31,170 --> 00:13:32,190 What we'll save it. 193 00:13:33,230 --> 00:13:34,340 I saved it. 194 00:13:34,760 --> 00:13:38,120 Now, when I go to Gibraltar, I think they should walk. 195 00:13:40,740 --> 00:13:41,580 It's inside of here. 196 00:13:41,640 --> 00:13:42,660 Let me just try. 197 00:13:45,870 --> 00:13:48,660 Besting the ad. 198 00:13:49,770 --> 00:13:50,630 Review. 199 00:13:51,980 --> 00:13:55,760 Component, let me publish. 200 00:13:56,870 --> 00:13:58,220 Oh, let me rephrase it. 201 00:14:01,760 --> 00:14:02,210 It's not. 202 00:14:03,190 --> 00:14:03,940 Ethanol. 203 00:14:05,350 --> 00:14:10,390 So I just went through it and restarted the server in the chain, some of the things, so I guess now 204 00:14:10,390 --> 00:14:11,560 it should work for let me. 205 00:14:11,770 --> 00:14:13,750 I deleted all of the previous ones. 206 00:14:14,050 --> 00:14:16,020 And now let me just try to add a new one. 207 00:14:16,030 --> 00:14:19,030 So our new review? 208 00:14:19,990 --> 00:14:21,460 Let me press this publish button. 209 00:14:21,490 --> 00:14:22,030 All right. 210 00:14:22,380 --> 00:14:27,070 OK, now it's giving us the light that a new review like, can we write another one? 211 00:14:27,730 --> 00:14:31,300 OK, let me write another one another. 212 00:14:32,510 --> 00:14:32,840 One. 213 00:14:33,860 --> 00:14:34,480 And publish. 214 00:14:34,970 --> 00:14:37,220 OK, that works, let me try to delete this. 215 00:14:37,850 --> 00:14:40,860 Let me try to search and a. 216 00:14:44,220 --> 00:14:46,740 Because that's all of the all of them are from air. 217 00:14:46,800 --> 00:14:48,520 Let me try to be. 218 00:14:49,630 --> 00:14:50,200 And. 219 00:14:51,910 --> 00:14:52,210 The. 220 00:14:53,710 --> 00:14:54,040 So. 221 00:14:55,780 --> 00:15:01,330 But that is, you know, B from the from the book, so I saw its component is working fine, let us 222 00:15:01,330 --> 00:15:04,060 try to check our dark mode feature. 223 00:15:04,150 --> 00:15:11,950 So if I click this button or dark mode is implemented all over the website globally, so the search 224 00:15:11,950 --> 00:15:16,510 component works fine, the add component works fine, the display works fine, the dark mode works fine, 225 00:15:16,810 --> 00:15:19,290 and that is the only thing which we were hoping for. 226 00:15:19,300 --> 00:15:21,770 That is what we discussed in the introduction video. 227 00:15:22,150 --> 00:15:27,970 So officially, the project is completed, so I hope you guys learned a lot in this project. 228 00:15:28,180 --> 00:15:29,560 So thank you so much.