https://github.com/tynandebold/peekture-frame
Add a border to an image, change it's color and width, and then save that image to your machine.
https://github.com/tynandebold/peekture-frame
image-manipulation image-processing javascript photo-editing picture-frame react
Last synced: 7 months ago
JSON representation
Add a border to an image, change it's color and width, and then save that image to your machine.
- Host: GitHub
- URL: https://github.com/tynandebold/peekture-frame
- Owner: tynandebold
- Created: 2018-10-15T18:22:04.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T18:33:36.000Z (about 7 years ago)
- Last Synced: 2025-01-25T21:55:50.702Z (9 months ago)
- Topics: image-manipulation, image-processing, javascript, photo-editing, picture-frame, react
- Language: JavaScript
- Homepage: https://www.tynandebold.com/peekture-frame/
- Size: 607 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Peekture Frame
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.
## Installation
This is a simple app to setup. Run these two commands:
```sh
# Install dependencies
$ npm install
$ npm install http-server -g
```
## Local development
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.
```sh
$ npm start
```
The second does the same as the first and adds live reloading.
```sh
$ npm run dev:liveReload
```
No matter which you choose, both will compile everything in `src/` to `dist/`.
### Deployment
To prep your app for deployment, run:
```sh
$ npm build-production
```
This will minify your `js` and `css`, name the files accordingly, and put them in `dist/`.
## Todo
Fix a couple little bugs.