• Website is not responsive. I would like to work on responsiveness.

I have noticed that in the App.css there are still styles from create-react-app (lines 5-38) which now have no purpose and I think should be removed.

the app is live using the github pages, here's the link to it:
https:/sscsps.github.io/color
Need to add this link to the readme so anyone can come and try it out

I want to add contributing.md file in which I want to add steps to contribute to this repository.
Please assign this to me under hacktoberfest.

Hey ALL !

Welcome to this repo, and to Hacktoberfest 2022!

Just wanted to let you know about a few things before you start,

1. You don't need to worry about hacktoberfest-accepted label on your PR, the repo itself have the label, so all your PRs will show up on your dashboard in about 30 minutes of your refresh.
2. You can start working on any of the present issue, don't wait for me to add you as assignee, just put a comment saying that you are working on it and get to it!
3. You can start a new issue and work on it, it doesn't need to be already added here
4. If you say you are working on an issue and you don't push a PR in next 3-4 days, it should be available for someone else to work on it!
5. Low effort PR will be closed, I'll add a comment for why I'm closing it, if you want me to reevaluate it, let me know in a comment, I wont mark them as spammy unless its actually spam.
6. Don't worry about things, its a small project, you can add small features, or small typo fixes in the code.

Sorry if this feels weird or strict rules, if you want to know more, or have queries about any of these points, let me know, we can discuss about that here :)

Happy Hacking!

While I cannot contribute to any of the technical aspects for this project, I can draft a "code of conduct" to create a greater sense of inclusion and community for contributors. If you assign this issue to me I can get one ready for you in a couple of minutes.

Please assign it to me.I will do it for you.

The grid currently have fixed rows and column count,
we should add sliders for them so user can control it.

After copying the color code, the color code is copied without "#". We should add the #, because its most commonly used with "#" in front.

Currently, the page is very barebones,
We should add a header/navbar to the app, for starters, it may have nothing in it except for the word "Color" in it in the centre.

The current grid doesn't have a way for letting user know the colour code thats shown in the grid.
It'll be useful if we show the hexcode when the mouse hovers over the cell.
And on clicking the cell, we can copy the colour hexcode to user's clipboard.

This would showcase the variety of colours available in the react app. Please assign this task to me.

Currently, clicking on a cell in grid copies it to clipboard, but user doesn't get to know about it.
we need to add a way to let user know that it's copied.
there are a few options for showing that info to user:

1. show a notification on top right of the page to user
2. show a toast like message in the bottom centre of the page
3. show a pup down tooltip like thing showing that its copied!
4. replace the text shown in the cell from HEX code to text "Copied!" for 2 seconds or something

Suggestions are welcome!

Add a little css and add a fade effect.

Responsive ness for som,e range is not work properly . some time it overlapping . and footer section also not looking good .
i am working on it .

The Documentation is practically nonexistent, anything helpful you add would be appreciated!

When viewing the website on mobile devices, the footer overlaps with other content on the page, making it difficult to interact with the website.

it sticks to the top of the page. it should be a little lower.

The current description of the app is the one created by create-react-app
"Web site created using create-react-app"

We should update it to show what this app really is, suggestions?

Currently, the app doesnt have a way to let user to this github repo, need to add a button in the app
this can be placed at the top bar, or at the bottom, or anywhere else that you may find better!

add another section with the complementary color of the selected color.

Hi there! I would like to add a favicon and a title to the project. Please assign me this issue.
Thank you!

It would be nice to open a new browser tab when clicking on live project, so the user wouldn't leave your project on github. If that makes sense to you, you can assign me that adjustment. Thanks.