HueGen

HueGen is a handy tool designed to help you select the perfect color palette for your web application. It's not uncommon to think you've chosen the right colors, only to find out they don't look quite as good in practice. HueGen is a minimalist web-based application that lets you preview your color palette in real time, allowing you to visualize how it will appear in your app. It is fully responsive, has dummy links, buttons, graphics and icons. With HueGen, you can experiment with different color schemes and make sure they work before you commit to them.

You can try it out here.

What I Used

Tools	Version
React	18.2.0
Ant Design	5.16.2
Tailwind CSS	3.4.3
Vercel	-

How to Use

Click on the color picker components at the bottom of the page. Pick a color and the color of the corresponding item will change to whatever you pick.

Features

The web-application is fully responsive.

Installation

This is if you want to run HueGen locally on your machine.

Prerequisites

Before installing HueGen, ensure you have the following installed:

Node.js
Git

Cloning the Repository

Open your terminal and run the following command to clone the repository:

git clone https://github.com/saadpocalypse/HueGen.git

Setting Up the Project

Navigate into the project directory with:

cd HueGen

Then install all the required dependancies with:

npm install

Running the Program

Once setup is complete, you can start the program locally with:

npm start

Accessing the Program

After starting the server, open your web browser and navigate to:

http://localhost:3000

Replace 3000 with the actual port number where your project is running.

How to Contribute

I appreciate any and all contributions to HueGen. Here's how you can do it:

1. Fork the Repository:

Start by forking the HueGen repository to your GitHub account.

2. Clone Your Fork:

Clone your forked repository to your local machine.

3. Create a Branch:

Create a branch for your new feature or bug fix.

4. Make Your Changes:

Implement your feature or fix that bug.

5. Commit Changes:

Commit your changes with a clear, concise commit message.

6. Push to GitHub:

Push your changes to your fork on GitHub.

7. Submit a Pull Request:

Open a pull request from your fork to the main HueGen repository.

8. Wait:

Wait for me to review the changes and merge them if needed.

License

HueGen is open-source software licensed under the MIT license. See the LICENSE file for more details.

Disclaimer

This project is for educational purposes only.