/Rangchor

Web application that allows users to upload an image and generate a color palette from it.

Primary LanguageCSS

Rangchor.app

Rangchor.app is a React-based web application that allows users to upload an image and generate a color palette from it. It utilizes the ColorThief library to extract colors from the uploaded image and displays them in a visually pleasing way.

Features

  • Upload an image to generate a color palette
  • Display the uploaded image along with the extracted colors
  • Copy the hex values of the colors to the clipboard
  • Responsive design for seamless usage across different devices

Getting Started

To run the Rangchor.app project locally, follow these steps:

  1. Clone this repository to your local machine.
  2. Install the necessary dependencies by running the command: npm install.
  3. Start the development server with the command: npm run dev.
  4. Open your browser and navigate to http://localhost:5173 to access the application.

Dependencies

The Rangchor.app project relies on the following dependencies:

  • React-Vite: A JavaScript library for building user interfaces.
  • ColorThief: A library for extracting color palettes from images.

Contributing

Contributions to the Rangchor.app project are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.

Possible Addition

To add a drap and drop input feature.

Deployment

This project is deployed 👉here👈.