Quoteshelf

In case you couldn’t tell, I enjoy reading a lot. I also like to record my experiences, for example, by tracking the books I read on The Storygraph, and tracking the movies I watch on Letterboxd.

There’s an app called Readwise which is great for readers like myself. In the app, you can point your phone’s camera at the text on a page, and it will use OCR to save it as a quote. The app also allows you to review the quotes that you’ve saved in the past. It’s fun to revisit the favourite bits from books that I’ve read. The Readwise app implemented well, and I found it useful enough to pay for a subscription.

Having said that, I’m a firm believer in owning one’s data, so I decided to try to create my own solution. Introducing… “Quoteshelf”! This new section of the website contains all of the quotes that I’ve exported from Readwise. On the main page, I can swipe through a random selection of quotes, and I can browse the author index to find specific books.

The Shuffler

There was an idea…

I was building the 404 page for this site and a random idea occurred to me. I know that from a 404 message, you should always link back a valid page, usually the home page, but then I thought it’d be fun to link to a random blog post also.

I came up with a component that scrolls through a random selection of items with an animation like a slot machine. Svelte has some pretty cool features for supporting transitions and animations, so I wanted to learn more about that.

You can play with the final result here.

As a TODO for myself, maybe I’ll extract this as a reusable component and publish it.

From callbacks to promises via currying

Saucy code

Recently, I’ve been working on some social and gamification features in a web application. I decided to use a backend service called [brainCloud][1] instead of implementing all of the database stuff myself. The brainCloud service stores things like player statistics, leaderboards and social relationships (i.e. who’s friends with who?), and provides an HTTP API to read and write the data. They also provide a [Javascript client library][2] to make it easier to work with those APIs.

1 / 1