I wanted to build a simple application that allows me to add a border to an image, change it's color and width, and then saved that modified image to my computer. This is that.
This is a simple app to setup. Run these two commands:
# Install dependencies
$ npm install
$ npm install http-server -g
Depending on your development preferences, there are two npm scripts to choose from. The first runs webpack, which watches for files changing in src/
, and starts a local server.
$ npm start
The second does the same as the first and adds live reloading.
$ npm run dev:liveReload
No matter which you choose, both will compile everything in src/
to dist/
.
To prep your app for deployment, run:
$ npm build-production
This will minify your js
and css
, name the files accordingly, and put them in dist/
.
Fix a couple little bugs.