Skip to content
Kabir Mahmud

ReadShelf Bookshelf Organizer

A personal book tracking app with reading status, ratings, notes, and reading goal tracking — all stored locally in your browser.

Overview

ReadShelf is a personal bookshelf organizer that helps readers track their reading progress, rate books, add notes, and set annual reading goals. All data is stored in localStorage — no account required.

The app supports multiple reading statuses (reading, finished, want to read, abandoned), provides a visual dashboard of reading progress, and generates reading statistics.

Features

  • Book Management: Add books with title, author, genre, cover image URL
  • Reading Status: Want to Read, Currently Reading, Finished, Abandoned
  • Ratings & Reviews: 5-star rating with text notes
  • Reading Goals: Set annual reading target with progress tracking
  • Dashboard: Books read this year, pages total, current streak
  • Shelf View: Visual grid or list layout
  • Search & Filter: By author, genre, rating, status
  • Import/Export: JSON backup and restore
  • Reading Stats: Average rating, genre breakdown, pages per month

Architecture


bookshelf-organizer.html

├── <style>       → Book card grid, shelf layout, responsive design

├── <main>        → Dashboard stats, book grid, add/edit modal, filters

└── <script>      → CRUD operations, filtering, statistics, localStorage

Tech Decisions

DecisionChoiceWhy
StoragelocalStoragePrivacy, no accounts
UICard gridVisual, book-cover friendly
FiltersClient-sideInstant results, no server
ExportJSONFull data portability

Real-World Impact

Goodreads requires an account and is owned by Amazon. ReadShelf provides similar tracking functionality without the privacy concerns. Readers can maintain a personal library without their reading habits being tracked by a corporation.

Measured Results

  • Handles 500+ books without lag
  • Filter/search returns in < 10ms
  • Dashboard renders in < 50ms
  • Export/import preserves all data

Conclusion

ReadShelf demonstrates that personal library management doesn't need to be tied to a corporate platform. Local storage provides the persistence readers need without the privacy tradeoffs.