Awesome application, which is the color generator app, so if you are a developer and especially if
you are a frontend of the labor, then you must be needing a website like which generates colors for
you or which you can just find a color.
You can just type the name of color and you can get close to it with the Hex code.
So because we generally use hex code during the development and the cfsan.
So that is what that's why today we're going to build this collision application in which you can just
type the name of the color or tap the hex sort of the color, and you can get as many colors as you
want, according to the color you typed.
Like a little too dark color, you will find colors here and you will also find the hex scored and you
can just copy it and you can see whenever you copy it will be copied to your clipboard.
So it is as simple as that.
So let me just show you, let me just give you a quick demo of the application.
So this is the UI of the application here to the search bar where you will search for the color, or
you can even put tax code to his submit button.
Or you can even press enter and then and the page will load, and it will show you the different, different
colors to down.
We have the containers, these these are all the colors.
So any one of them, if you want, like in your websites, you can just click it and it'll be copied
to your clipboard.
It will be shown a message that copied to your clipboard.
OK?
So this is what it is, and when we lowered initially, we I've already given a color value, a default
value, even if you don't provide any value here.
So this these colors will be static and this will be shown to because I thought that like displaying
a blank page on the very first visit.
It doesn't look good.
It'll be looking so empty.
So that's why I've given a default value in the place of a literal twin.
And the value also to that is you can even change it in.
You can give your favorite color on the like first visit and that will be the default value.
So that's it.
So let me just show you by giving our demo.
So if I write you out a blue and dobrindt and press enter so you can see all of the blue colors and
to the blue colors, along with the Hex score, along with the percentage of the colors is shown to
me.
Maybe if I typing so this is the pinkish light pinks and if I press violet.
Violet colors pops up, and now let me try with the Hex scored, so if I die for that, it's continued
to Typekit the hashtag first and then you need to type in it to like IMAX Corp., for example, if I
type this one night with two.
And if I submit you can see I got this and if I try something else.
Maybe, maybe, maybe, maybe, maybe.
This one?
Yeah, that's different.
We can try as many as we want, there's no limit to this.
You can like search for any hex cord here that will be like one too.
So if I have this along with the hashtag so you can see the colors change.
So this is the best part.
You can even increase the number of like related colors right now.
I've just given limited to like I limited the number of colors, which actually you can even increase
the number of colors and the tiles will increase in number.
So this is what it is about the applications now moving on to what we are going to use in building this
application.
So first of all, we are going to use, of course, the edges for this application.
Next, we'll be using a really important.
Really important library, not really important, but we are going to use important library from and
beyond that is the values of our days.
So that will mean providing us all the colors and all.
So that's all for the styling of this.
Everything the containers and all will be using scissors.
And that's it about this application.
So you will be learning how to use the values words and you will be learning how to make containers.
And how do you how to implement this on click whenever I click to copied to the clipboard.
So you will learning how to implement this feature when you click on an object in it and like it is
completely applicable to you when we are learning that we are learning how to like, search and get
queries and so the queries and get the desired.
So that's all we are going to learn in this project.
So soon, the next one.