stitch.ope.cool
Code: https://github.com/immannino/stitch.ope.cool
Demo:
Background
I am an avid crochet-er. I normally don’t need a stitch counter but every so often one thing or anything gets in the way and its a wildly helpful tool. I typically follow patterns on my iPad mini and scribble hapless tally marks all over the margins, but sometimes I need something more reliably.
Today I sat down and hacked together a simple html stitch counter. It covers my four primary goals:
- Number go up
- Number go down
- Show Optional Progress %
- Save progress
I made the site in a single HTML file with Vue.js. I use this pattern all over the place and have my own quine to quickly generate a template. The progress is saved in local storage and persisted on every update. Lastly the site is installable as a PWA if thats your thing (its one of my favorite little web hacks).
I stole the progress report from https://solar.lowtechmagazine.com/. Ever since the first time I visited that site I fell in love with the battery indicator background and felt its use was very clever, so I try and find ways to do the same. I added it a minimal count down feature to a timer website I made back in 2020.
Regardless, just wanted to share something I made. Its simple and quaint and gets the job done.