Serve sketchy placeholder images with PEEK-A-BOOSE

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@tdre·
0.000 HBD
Serve sketchy placeholder images with PEEK-A-BOOSE
### PEEK-A-BOOSE
![peek-boose-cir](https://cdn.utopian.io/posts/3d2d06df7a37bdca30f44ffef0471cf2e429cir.png)

#### What is the project about?
Peek-a-boose serves easy placeholder images with a sketchy feel. 

![peek-a-boose-readme-one.png](https://cdn.utopian.io/posts/f0c97bdd0944917378d09648861f0a51e1cbone.png)

Placeholders are an important resource for online and print design. Peek-a-boose makes it easy to match placeholder images to a rough sketch design style on demand.

![peek-a-boose-readme-two.png](https://cdn.utopian.io/posts/6cae6f7c7d18e6974d0cd1e995b44413381btwo.png)

#### Technology Stack
- [Node.js](https://nodejs.org/en/)
- [Express](https://expressjs.com/)
- [Rough.js](https://roughjs.com/)
- [Puppeteer](https://github.com/GoogleChrome/puppeteer)
#### Roadmap
Where to from here?
##### Additional Placeholder Shapes
- Triangles
- Elipses
- Sketchy faces
- Clouds
- Polygons
##### Additional Options
- gif and jpeg file formats
- specify background color and/or opacity, gradients
- superimpose custom text in sketchy fonts
- support for more colors, whether specified or random
- support for more fill styles, whether specified or random
##### POST endpoint
- provide an array of vector graphics instructions
- responds with sketchy style line drawing in gif, png or jpeg format 
#### How to contribute?
This project welcomes [Pull Requests](https://help.github.com/articles/creating-a-pull-request-from-a-fork/) and [Issues](https://github.com/tdreid/peek-a-boose/issues) on [Github](https://github.com/tdreid/peek-a-boose). See our [CONTRIBUTING.md](https://github.com/tdreid/peek-a-boose/blob/master/CONTRIBUTING.md) for up to date guidelines. In general...

##### Please [submit an Issue](https://github.com/tdreid/peek-a-boose/issues) to:

 - Report a bug
 - Request a feature
 - ~~Ask for help~~ [StackOverflow](https://stackoverflow.com/questions/tagged/peek-a-boose) is the best place to ask for help.

##### Proposing a change

Please fork and submit a Pull Request to [peek-a-boose on GitHub](https://github.com/tdreid/peek-a-boose/pull/new/develop). Include a bit of a summary and follow [the guidelines in GitHub documentation](https://help.github.com/articles/creating-a-pull-request-from-a-fork/).

If your change addresses an existing issue please reference your PR in the issue's discussion. 

##### Coding conventions

Please run `prettier --write --single-quote`  or an equivalent on all new or changed Javascript before submitting.


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@tdre/serve-sketchy-placeholder-images-with-peek-a-boose">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>

##### Proof of authorship
Per the request of @eastmael here is a screenshot of me using my account...
![steem-github.png](https://cdn.utopian.io/posts/564b1fb1e7f5aae367d3cb731575babad511steem-github.png)

##### Working links
 I have to make adjustments to the way Puppeteer and/or Chromium are deployed to heroku.  This is actually [known Issue #1 in the repo](https://github.com/tdreid/peek-a-boose/issues/1).  In the interim, there is a working sample on this dev machine (Note because it's dev you may encounter a confirmation screen, just click the button to proceed to the example): 

https://my-workspace-tdreid.c9users.io/125

https://my-workspace-tdreid.c9users.io/125/250

Etc.
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,