Online novel readers currently lack a unified platform that combines collection management, chapter-level reading progress tracking, and a built-in reading interface, forcing users to rely on multiple applications simultaneously. This project therefore developed Shelfin, a personal novel reading tracker implemented as a Single Page Application using Vue 3 with the Composition API as the frontend framework, alongside Vite, Tailwind CSS, and Firebase Firestore as a cloud-hosted database following a Backend-as-a-Service architecture. The system was developed using an Iterative and Incremental approach divided into four releases. The resulting application supports novel collection management, a full-screen chapter reader, per-user independent reading progress on public novels, paragraph-level bookmarking via drag and tap interactions, automatic chapter boundary detection for bulk text import, and a reading statistics panel. The system runs entirely in a web browser on both desktop and mobile devices without requiring any additional software installation.

Kittipong Warasup