ColorPalette Pro

ColorPalette Pro is a web application designed to help users generate and manage color palettes for their design projects. It provides an intuitive interface for selecting, viewing, and copying color values.

Table of Contents

• Features
• Installation
• Usage
• Technologies Used
• Contributing

Features

• Color Picker: Easily pick colors and add them to your palette.
• Palette Management: Add, view, and delete colors from your palette.
• Copy Color Values: Click on a color to copy its HEX value to the clipboard.
• Dark Mode: Toggle between light and dark mode for better accessibility and usability.
• Responsive Design: Optimized for both desktop and mobile devices.

Demo

Check out the live demo of ColorPalette Pro here.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/theSamyak/ColorPalette-Pro.git

2. Navigate to the project directory:

   cd ColorPalettePro

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

The application should now be running on http://localhost:3000.

Usage

1. Picking Colors:

   • Use the text input to type a HEX color code or the color picker to select a color.
   • Click the "Submit" button to generate different shades and tints of the selected color.

2. Managing Palette:

   • View the generated colors displayed in a grid format.
   • Click on any color to copy its HEX value to the clipboard.
   • The application automatically updates the color palette as you type or pick a new color.

3. Toggling Dark Mode:

   • Click the "Dark Mode" button to toggle between light and dark mode.

Technologies Used

• React: JavaScript library for building user interfaces.
• CSS3: Styling of the application.
• Poppins Font: A clean and modern font for better readability and aesthetics.
• Values.js: A utility library for generating shades and tints of colors.

Contributing

Contributions are welcome! To contribute, follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature-branch.
3. Make your changes and commit them: git commit -m 'Add new feature'.
4. Push to the branch: git push origin feature-branch.
5. Open a pull request.

Please ensure your code adheres to the project's coding standards and includes relevant tests.