A minimal, interactive book management web app built with HTML, CSS, and JavaScript. Users can add books, display them as cards, toggle their read status, and remove them β all within a clean UI powered by a modal form.
π Visit the Live Site
- HTML5 β Semantic structure
- CSS3 β Custom styling and layout
- JavaScript (Vanilla) β Core logic and interactivity
- π Add books using a modal form
- π Dynamically render book cards
- β Toggle read/unread status
- β Remove books from the library
- π Unique book identification using
crypto.randomUUID()
- π§ͺ Preloaded with dummy book data for demonstration
- π¨ Custom font integration (
Libertinus Mono
) - π§ Clean and modular codebase for easy extension
βββ index.html
βββ style.css
βββ script.js
βββ assets/
β βββ preview.png
- πΎ Persistent book storage using
localStorage
- π Search and filter functionality
- π± Responsive layout for mobile and tablet screens
- π§Ή Input validation and duplicate book prevention
- π§ Sorting books by title, author, or read status
This project is licensed under the MIT License.
- Fonts provided by Google Fonts
- Deployed on Netlify