A clean, minimalist personal book list and reading tracker built entirely with pure HTML5, CSS3, and JavaScript (no backend, no database, no frameworks).
All your books are persisted locally in your browser using localStorage.
- Add Books: Track title, author, reading status (Read / Not Read), and star rating (1 to 5 stars).
- Star Rating (1 to 5 Stars): Rate your books with an interactive 5-star picker, displayed neatly on each book card.
- Neat List View: See your entire book collection at a glance with clean status badges and responsive cards.
- Top Stats Counter: Real-time overview showing total books, read count, and unread count.
- Quick Status Toggle: Mark a book as read or unread with a single click.
- Edit Books: Update title, author, or status anytime via the built-in edit modal.
- Delete Confirmation: Safe deletion with a confirmation prompt before removing any book.
- Search & Filter: Live instant search across titles and authors, plus filter tabs for All, Read, and Not Read.
- Friendly Empty State: Welcoming message and helpful guidance when your library or search results are empty.
- Mobile-First Responsive Design: Works seamlessly on mobile phones, tablets, and desktop displays.
- 100% Client-Side: No backend, servers, or external libraries required.
Simply open index.html in any modern web browser:
# On Windows PowerShell
start index.html
# On macOS
open index.html
# On Linux
xdg-open index.htmlbooklist/
├── index.html # Main application markup & modals
├── style.css # Clean, responsive CSS styling
├── script.js # App state, localStorage, and event handlers
└── README.md # Documentation
MIT License. Feel free to use and customize for your own reading journey!