stitch.ope.cool

https://stitch.ope.cool

Code: https://github.com/immannino/stitch.ope.cool

Demo:

ScreenRecording_03-14-2025_13-36-46_1.gif

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:

  1. Number go up
  2. Number go down
  3. Show Optional Progress %
  4. 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.