Skip to main content

Reading List App

A simple app to manage your reading list.
Reading List App screenshot 1
Reading List App screenshot 2
Reading List App screenshot 3

The project in context

Reading List App gives people a lightweight place to save books and track whether they are to read, reading, or read. This personal project explores a focused way to manage a small collection over time.

A reading list should be quick to update and easy to scan. The app needed to support simple book management without burying the status that makes the list useful.

My role & stack

Full-stack development and interaction design

VueTypeScriptHonoSQLiteBetter AuthTailwind CSS

What I built

  • Designed the book grid, status filters, and add/edit flows.
  • Built the application with Vue, TypeScript, and a Hono API.
  • Added authentication and persistent storage for personal reading lists.

Implementation notes

Technical approach

  • Filter tabs make it easy to move between the complete list and a specific reading state.
  • Book cards keep title, author, status, and editing actions together.
  • The API and SQLite data layer keep updates small and durable.

Takeaways

  • A useful CRUD interface can stay focused when the primary objects and states are explicit.
  • Good filtering reduces the amount of work needed to maintain a personal collection.