And this, again, is going to be a functional of components or legislator.
OK, so let's just create a company.
Just hit on R-S.C..
And if it isn't working, then I must say that we have to type it manually.
So it is going to be a concert.
Catalyst.
Now, this is not just going to be an out of function, so let's just make this an add on.
And to their data that they were getting items that we're getting no exporter.
OK, so now it needs to have a written statement, right?
So let's just put up a written statement and inside this written statement, we are going to have many
nested elements.
The first one is going to be a depth of class name being equal to card and inside the this inside of
this day, we are going to have another debate that is going to be of class name class enough.
So let's just name it there and give it a class name equal to class in know, perhaps cardinal.
Now, after this gardener, let's just close it first, us now inside this card today, we are going
to have another day and that day is going to spell quite frank because you might recall there were two
cards.
One is going to hold up a front view and going to upper back view.
So in our front card will give it that last name of card from.
Now, close this now this is going to hold one particular image, so let's just give it that image and
give it a source, and the source is going to be equal to the image that we're getting from the API.
So this is going to be call to item or image.
OK, so we have that image.
Now it also needs to have an alternative name, right?
Because every image element has to have an alternative name.
So let's just give it an art with a name like Derica.
OK, so we have an image now after this.
God, then we are going to have another live outside of this card surrender.
So let's just move out of our crowd front and create another death and we'll give it a last name off
and guard back.
So here we have a card back now, close this now inside this card that we're going to have the details
of the actor like the named about the date of birth, their nickname, as well as their status, whether
they're alive or dead.
So let's give it to an element.
So this element is going to have the name of the particular actor.
So let's just put an item or name, not last name, just name.
OK, so we have our items actor's name.
Now, after this, we are going to have a list of unordered.
Maybe another list.
So let's just make another list.
And inside this, I going to have elements.
So First Element is going to hold up the actor's name because this name is the character's name, right?
So this one is going to be a character's name.
So let's give it in L.A., we'll give it a strong element and said the strong we are going to have the
actor's name.
An actor's name is going to be.
Equal to and I'll say the strong, we will be putting up a -- portrait because this will be holding
the date of the actor's name, so item.
The portrait.
Now, after this act, those, we're going to have another list element, so let's just copy it.
OK, so second one is going to be holding their nicknames.
So let's just name it nickname.
And this one is going to hold up the item or nickname.
Let me just close this, OK, so after this nickname will be also putting up their birthdays, like
when is the birthday?
So let's just spell it birthday.
So this is the body and this item, the body.
OK, so here we are having the actor's name, the nickname.
OK, so this should be nice and not so aptly named the nickname, as well as the birth of his.
And after this, we are going to display the status, whether they're alive or dead.
So for that purpose, let's put up a strong again outside of the.
So we will be making another lie and then this alive will be inside.
The strong will be putting up the status.
So let's just put up this vetoes.
Now, this status is supposed to hold the data that whether they're alive or dead, right?
So right after a strong.
About whether or not we would be displaying their status, so let's just remove this and I'll take up
a strong will be displaying a spine.
They're doing this alive or dead and we want it of different colors, right?
If they're alive, then the color should be green of that particular text and if they're dead and the
caller should be dead.
So and that is being displayed by our data like items, drug status.
So will be conditionally rendering it so inside the spam.
Let's give it a style.
Let me just close, this man first said this man will be having the status, so let's just put up item
that status.
Now, this span is going to be a victim of inline styling.
So let's just give it a style of.
So in reality, you might recall how we stole elements.
We give them a set of double set of collaborators.
Now inside this collaboration, we be setting up a CSIS, so if the color so colors should be equal
to item the status.
So if the item that status is triple equals to a life, that means if they're alive.
Then we won the color that should be on our color list should be equal to green.
That means that they're alive in the text, speaking that the allies should be of green color, otherwise
it should be avoided.
So this is what we call conditional operators.
So if, if, if that particular character is alive, then we want it to be displayed in green and if
not, then the character, then the character should be displayed in red.
So we have to enable it.
No hit save.
So here is the status.
So now we have even configured to get a list.
Now let's take a look at it.
I assure you, it is going to be horrible because we haven't actually added any sorts of cases in it.
I see there's a bit of error in that application.
So let us see what it is.
So if you just add to the problems, OK, so we're having some missing.
OK, so here we have double bay brackets now.
Remove this and let's save.
OK, so we have configured most of the application.
Now the only piece of state that remains is to add cases as well as past this loading into a character
list item.
So let's just say for now.