Color Palette Picker
This project is a color palette picker that allows users to select colors from
predefined palettes and copy their corresponding color codes. It supports
keyboard navigation for easy accessibility.
Getting Started
To get started with this project, follow the instructions below.
Prerequisites
Make sure you have the following software installed on your system:
- Node.js (version X.X.X or higher)
- NPM (version X.X.X or higher)
Installation
- Clone the repository:
git clone https://github.com/jayantrohila57/color-palette-picker.git
- Navigate to the project directory:
cd color-palette-picker
- Install the dependencies:
npm install
Usage
To start the development server and view the application, run the following
command: npm start
This will start the development server and provide you with a URL where you can
access the application in your web browser.
Features
- Color palettes: The application displays a set of predefined color palettes.
- Keyboard navigation: Users can navigate through the color palettes using arrow
keys on their keyboard.
- Color code copy: Users can copy the color codes of the selected colors to
their clipboard.
- Visual feedback: The application provides visual feedback when a color button
is clicked or a color code is copied.
Technologies Used
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework.
- Clipboard API: An API that provides access to the user's clipboard for reading
and writing.
Contributing
Contributions to this project are welcome. Here are a few ways you can
contribute:
- Report bugs or suggest features by opening an issue.
- Submit a pull request to address an existing issue or contribute a new
feature.
License
This project is licensed under the MIT License.