https://github.com/gmpsankalpa/react-color-finder

A minimalist React application that allows users to choose a color using a color wheel. Display the selected color's hex code and provide a basic mapping to color names. Perfect for exploring and selecting colors for your projects. 🚀
https://github.com/gmpsankalpa/react-color-finder

react reactjs

Last synced: 3 months ago
JSON representation

A minimalist React application that allows users to choose a color using a color wheel. Display the selected color's hex code and provide a basic mapping to color names. Perfect for exploring and selecting colors for your projects. 🚀

• Host: GitHub
• URL: https://github.com/gmpsankalpa/react-color-finder
• Owner: gmpsankalpa
• License: mit
• Created: 2024-02-29T13:01:05.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-04-10T02:53:23.000Z (about 1 year ago)
• Last Synced: 2025-01-17T08:32:03.420Z (5 months ago)
• Topics: react, reactjs
• Language: JavaScript
• Homepage: https://gmpsankalpa.xyz
• Size: 198 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# React Color Finder

A simple React application that allows users to choose a color using a color wheel.

## Table of Contents

- [Demo](#demo)

- [Features](#features)

- [Installation](#installation)

- [Usage](#usage)

- [Screenshots](#screenshots)

- [License](#license)

## Demo

[Include a link to a live demo of your application, if available.](https://gmpsankalpa.github.io//react-color-finder/index.js)

## Features

- Choose a color using a color wheel.

- Display the selected color's hex code.

- Display the name of the selected color (basic color mapping).

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/yourusername/react-color-finder.git

2. Navigate to the project directory:

   

   ```bash

   cd react-color-finder

3. Install dependencies:

   

   ```bash

   npm install

## Usage

1. Run the development server:

   ```bash

   npm start

2. pen your browser and visit http://localhost:3000.

   

4. Use the color wheel to choose a color, and the selected color's details will be displayed.

## Screenshots 

![image](https://github.com/gmpsankalpa/react-color-finder/assets/123918506/47fec287-96c1-4848-b426-58d47e7c9286)

## License

This project is licensed under the [MIT](LICENSE) License.

---





  Repo Details 🤙







   ![repo size](https://img.shields.io/github/repo-size/gmpsankalpa/react-color-finder?label=Repo%20Size&style=for-the-badge&labelColor=black&color=20bf6b)

   ![GitHub forks](https://img.shields.io/github/forks/gmpsankalpa/react-color-finder?&labelColor=black&color=0fb9b1&style=for-the-badge)

   ![GitHub stars](https://img.shields.io/github/stars/gmpsankalpa/react-color-finder?&labelColor=black&color=f7b731&style=for-the-badge)

   ![GitHub LastCommit](https://img.shields.io/github/last-commit/gmpsankalpa/react-color-finder?logo=github&labelColor=black&color=d1d8e0&style=for-the-badge)







  Deploy status badge 🤖



  




   

   [![Netlify Status](https://api.netlify.com/api/v1/badges/f8c54f31-10f6-42a4-80e6-342090a3c60e/deploy-status)](https://app.netlify.com/sites/gmp-react-color-finder/deploys)