Virtual Bookshelf (Vue)

It's fun to keep track of the books I've read, and I'm not a member of Goodreads,^* so... here's where they live!

^* other social reading platforms are available

I'm glad you asked! This version of my virtual bookshelf is a Vue 3 + TypeScript app, built using the Composition API (I also built a React version, which you can find here).

The data is managed on a private Wordpress instance ("books" are a custom post type, and I'm using WP taxonomies for the filters).

I grab the books, and the options for my filters, via GraphQL. These are saved and managed in stores defined using Pinia.

The app also makes use of a simple, custom-built cache, which saves the results of each GraphQL call to local storage.

I built the app with accessibility, extendability and code simplicity in mind. If you're interested, you can click here to view the source code.