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.
Successfully pass Travis-CI.
- 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.
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.
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.
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 StartedInstall the latest version of Node and NPM. We recommend the usage of NVM.
curl https://install.meteor.com/ | shgit clone https://github.com/gongbaochicken/React-Hue.gitcd React-Hue
npm installmeteor reset
meteorYou'll then be able to access it on http://localhost:3000.