DEV Community

loading...

Having fun with Monkey ASCII

jmau111 profile image Julien Maury ・1 min read

What I've built

A joke-POC to celebrate the DigitalOcean App Platform Hackathon on DEV.

It takes any img and converts it to ASCII. It's like going back to school to make doodles.

Category Submission:

Random Roulette for obvious reasons ^^.

App Link

The "Ocean app" is here :

https://monkey-ascii-wcs8f.ondigitalocean.app/

Screenshots

Alt Text

Alt Text

Link to Source Code

The source code is here:

Monkey ASCII

A POC-joke to celebrate the DigitalOcean App Platform Hackathon on DEV. Works thanks to modern browsers and this pretty cool library: imgToAscii.

Warning

Made just for fun and celebrate the hackathon

How to

  1. Click on the "drop a file" rectangle or drag and crop an img file in that zone
  2. Get your ASCII

Demo

https://monkey-ascii-wcs8f.ondigitalocean.app/

screenshot

before :

after :

License

The Monkey ASCII is open-sourced software licensed under the MIT license.




Permissive License

MIT

Background

I'm quite fascinated by the ASCII format and I wanted to test the Digital Ocean platform, especially pipes and builds.

The UI is amazing. They automatically detect what I'm using like yarn, node, and they set the yarn build command for me.

Very smooth and straightforward. I don't have to set many rules and commands, the build is automatic, every time I push something to the GitHub repo.

Indeed, my code is pretty basic, but their UI seems robust anyway.

What impresses me the most is how smart is the automatic deployment configuration. Nice feature.

How I built it

With JavaScript, TailwindCSS and this library.

Discussion (3)

pic
Editor guide
Collapse
bglamadrid profile image
Collapse
braydentw profile image
Brayden W ⚡️

Awesome work!!

Collapse
jmau111 profile image
Julien Maury Author

thanks 😊