React Hue

React Hue is a color palette tool built in a combination of Meteor.js, React, Material UI, Bootstrap. This simple web app mainly built for exploring what are better colors for web, mobile, UI development, the popular color set used by industry companies, and it also provides with color toolboxes.

For long term, I am planning to add some research result about color usage in modern web design, e.g. desgin adpation for users with color blindness.

Demo: http://react-hue.herokuapp.com/

Please forgive this compressed gif at this time, and try to run it locally if you are interested.

📝 Version: 1.0

Successfully pass Travis-CI.

🚀 Features:

• Pick up popular and suitable colors for design and development.
• Fast realtime render for color changing to boost reactive UX.
• Reactive way to converse color HEX value to RGB value.

Why use Meteor?

Meteor is a real-time, easy-use full-stack web platform with data synchronization client/server (DDP). It is on the top of Node.js and MongoDB, which means one language can be used in both front-end client and back-end server. It saves a lot of my time and it keeps its promise of optimizing for developer happiness.

Why use React?

React is fast rendered, and enforces a lot of rules and guidelines that make it clearer what the “right” way to do any given task is. While it’s not as tightly integrated with Meteor (yet), it does have a much larger overall ecosystem.

Why use Material UI?

As a superstar project host by Goolge, Material UI is more clear, attractive, delightful, when it is compared with other popular UI frameworks. Meanwhile, it leverages good sides of React.js, and improves the rendering effects. After using frameworks like Bootstrap for a long time, it is a good time for us to try new tastes.

Getting Started

Install the latest version of Node and NPM. We recommend the usage of NVM.

Install Meteor:

curl https://install.meteor.com/ | sh

Clone this repository to local directory:

git clone https://github.com/gongbaochicken/React-Hue.git

Install the necessary NPM packages:

cd React-Hue
npm install

Then run the app with:

meteor reset
meteor

You'll then be able to access it on http://localhost:3000.

😋 Please star this project if you like it.