OK, so next, what will we do?
We will be doing is we'll be creating the delete node functionality and started the abroad.
So after this A..
Let me create the delete note.
Before that, I knew to write a function that is to delete, not function, delete note, and that is
equal to an already inserted.
After that, we'll be having the concert, and that will be new north.
The.
You know, it's not new, not that there's just a New York City so new and that it will be equal to
North Start England and A. Not.
I think there's a.
So that is the North.
After that, there will be a fight at all and will be the no doubt.
And there should not be.
The call to indeed.
OK, so that is what it is like, we want to delete the note, but there should be particular.
It should be equal to that.
It only whatever we are deleting or whatever the delete button we are pressing on the board on that
if you don't, review must only be deleted, not anything else.
The next will certainly is to write notes to the new notes.
Nuno's OK.
OK.
That is it.
Now we want to provide everything inside data on every single thing will be dead inside Britain because
whatever the hard work we have done, that should be made utilize inside this that are done and that
is all that is what we want to do right now.
Let me just delete everything and write everything from scratch.
So here we will give our David a class name of random class name.
So it's how the div.
Yeah, the cities and there will be a ghastly, random, ghastly.
So now you will understand why I'm doing this at a no last name, because I want to give the dark mode
whenever I whenever I click the dark mode button, so there should be a change in the classroom.
So that is why I'm giving this random thing.
OK, so it can be a little stand with little little.
OK, OK, so here that would be dark mode and.
There would be.
Mode will be the costume.
OK, so that is what we have done as of now.
Now what we'll do next is we will create our day with the custom of containers that will be container.
Now inside this container, there will be hurdles.
So how does.
And that hurdle would also be having some things out.
This is a self-loathing thing, so let me just.
This is a hard component, basically.
So.
Is this we will be holding the handle of a lot more?
And we'll start W All right.
Dark mode.
Simple, simple, simple.
Okay, next, we'll be having the search component search.
And inside of this, that all thoughts will be self-closing back and start of search that will be the
handle, search or turn.
So I think there should be auto generated.
And in the.
And.
Search.
Note, and that will be equal to that should be equal to the surge, except.
Great.
Sect.
So next.
Oh, that's it.
Will be having the Nautilus two, which will be displaying everything now, this is the most interesting
part now we have been all the hard work now.
We are just importing things, so that is so satisfying.
So that will be, you know, at least
the short auto imported yacht.
And this is a self-closing thing inside the Nautilus.
Definitely not.
And.
Notes would be equal to like we have to filter them, right, so there will be no start.
When does.
And.
It's out of this, that the function, so there will be no and.
But this will be equal to.
They no dog next thought to lower case because they want to convert it to all workers and.
It is a function basically to this will be include includes and that could be the search next.
Simple, really, really simple.
So after this, what will do after this all is done like.
Inside the note list, only after this is done, well, what we'll do is we will not add the note to,
we'll call it, handle a note, and this will be for adding the note or will note next, we'll be having
the delete notes to handle delete note.
Before the High Court will be providing the.
The lead, not simple.
So now we have provided everything like everything is provided now, the only thing which we need is
to dial style art containers like this, this thing, right?
We need to just do that so that we will do inside index next door to see us fight.
So let us go to the container.
Yeah.
Inside of her.
I'll write contender class, and I'll still be condemn the class.
So containers inside the container will give them max.
Max, width of 960 pixels and 60 pixels.
And after that, we'll be having the margin right.
On right.
That would be Auto.
I'll go and we'll be having a margin left before, too.
Margin left that will be also affordable and we'll be having some padding, right, so.
If we see it and see if that is looking in the browser.
OK.
There's an and they're gorgeous.
Let me see what put this on the line number thirty four.
Thirty four.
Well, OK, there's a typo in the US spelling.
So that we have corrected now.
Let us go to the browser.
Oh, that looks so beautiful, right?
Everything in it, looking so beautiful right now.
And I hope that's functional also and can type something and publish.
OK.
We will get back to it.
Why it's not working out.
But as at least the UI looks good and this is also working fine.
But this below part, it's not doing so.
No problem.
We'll do that.
Maybe some glass has left foot, but it lovely.
So that is no problem.
I will do that, but most of the thing is working, so let us go back.
And it starts dialing.
So after this, we will have another property, but that property would be the right bedding for that
will be.
And for that, I'd be giving the 15 percent.
And of course, I will give up adding left, so that will be fighting left.
And that is also hefty.
After that, I will give the minimum height often, which.
Under 40 percent of the vote be given.
So now I hope that dark mode problem is solved, and then I come here and I do.
Yeah, now we can see our dark mode feature is working perfectly fine, but I think we can delete this.
OK, delete is not working right now and we can publish anything because I wrote here, but this is
also not working.
So let us go and style or configure did not like note is the only problem here.
Well, let's go ahead and do it, maybe in the naughty list or anywhere else.
Let's see.
So if we come to the naughty list and see.
Okay.
Things are dynamic, but I think in the north you can see there is no dynamic spirited.
We have just given the like hardcoded values.
So how that will work to inside the North, we will provide this as the dynamic value by providing the
core lyricism to.
We provide the climate, and for that date also, that will only be deep.
But let me tell you this.
And that will be the.
And.
We will also add the handle delete button here inside the bottom, so we'll add on.
Link.
And that would be equal to a function.
Which will be giving us, though.
And.
The lead note and that inside of that ribbon in aid.
OK, let me save it.
Let me say it.
OK, now let me go to the ad note, because I don't think that as much functionality here you can see
that things are static here, but we need to make them dynamic, right?
So we will go to the L.A..
And instead of here, I think everything else is perfect, but the only thing is that.
We need to make this dynamic.
So let us do that.
So this is a small bill, right?
Like, limiting the left would be a left, and so I will try.
And what would be the JavaScript?
It would be the character limit at the.
Limit.
And I will try to.
No text.
Scotland.
OK, and we'll also have the tendency to say click, is that right?
What in God's name is that?
Is that?
We save it.
So after saving, we need to go back to the browser and have a look how that looks.
So let us go here and you can see odd like the hardcoded things are still there.
Let we first tried to delete this?
OK.
That has been deleted.
Now let me just try to write songs here like the new.
Review here.
OK, let me publish it.
It's not working right now, obviously is not working.
But yeah, this is being changed.
Let us take a look at the published.
Why it's not working.
So far, they've published that will be handled save click, is there any typo or no, it's not.
Last name or the quiet little.
That disturbance union will do everything it can to handle sea, click inside this, I think there's
some problem.
Let me figure it out.
So the problem with the ad is the naughty list because we have given this report, but we have not given
any functionality here.
Will give a call to sign here and here.
We will give the handle not specialty.
And I ignored.
What we'll save it.
I saved it.
Now, when I go to Gibraltar, I think they should walk.
It's inside of here.
Let me just try.
Besting the ad.
Review.
Component, let me publish.
Oh, let me rephrase it.
It's not.
Ethanol.
So I just went through it and restarted the server in the chain, some of the things, so I guess now
it should work for let me.
I deleted all of the previous ones.
And now let me just try to add a new one.
So our new review?
Let me press this publish button.
All right.
OK, now it's giving us the light that a new review like, can we write another one?
OK, let me write another one another.
One.
And publish.
OK, that works, let me try to delete this.
Let me try to search and a.
Because that's all of the all of them are from air.
Let me try to be.
And.
The.
So.
But that is, you know, B from the from the book, so I saw its component is working fine, let us
try to check our dark mode feature.
So if I click this button or dark mode is implemented all over the website globally, so the search
component works fine, the add component works fine, the display works fine, the dark mode works fine,
and that is the only thing which we were hoping for.
That is what we discussed in the introduction video.
So officially, the project is completed, so I hope you guys learned a lot in this project.
So thank you so much.