alexxnica / colors-app

A PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.

colors-app

Copy color values from popular palettes. Supports HEX, RGB, and HSL formats.

Current Palettes

• Material Design
• Open Color
• Please suggest more!

Why?

One night I asked myself, "Self, what can I build in two hours using Preact?" 🤔
The initial version took less than 2 hours and I was pretty happy with it.^* 😄

Additional features (and other changes) have and will continue to improve this web app.

^* I got a head start by using fly-kit-preact. Webpack users may want to see preact-starter instead!

Install

git clone https://github.com/lukeed/colors-app
npm install
npm start

❗ Pro Tip: Use Yarn to install dependencies 3x faster than NPM!

Development

Commands

Any of the following commands can (and should 😉) be run from the command line.

If using Yarn, all instances of npm can be replaced with yarn. 👌

build

$ npm run build

Compiles all files. Output is sent to the dist directory.

start

$ npm start

Executes build and runs your application (from the dist directory) in the browser.

watch

$ npm run watch

Like start, but will auto-compile & auto-reload the server after any file changes within the src directory.

License

MIT © Luke Edwards