Skip to content

πŸ“š Library is a lightweight book management app built with HTML, CSS, and JavaScript. Users can add, display, and manage books interactively through a modal-based form. Designed for simplicity, this project is modular and easily extendable with features like localStorage and filtering.

License

Notifications You must be signed in to change notification settings

singharyan006/library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“š Library

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.

Preview of Library


πŸš€ Live Demo

πŸ”— Visit the Live Site


πŸ›  Tech Stack

  • HTML5 – Semantic structure
  • CSS3 – Custom styling and layout
  • JavaScript (Vanilla) – Core logic and interactivity

✨ Features

  • πŸ“– 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

πŸ“‚ Project Structure

β”œβ”€β”€ index.html
β”œβ”€β”€ style.css
β”œβ”€β”€ script.js
β”œβ”€β”€ assets/
β”‚ └── preview.png

πŸ“Œ Future Enhancements

  • πŸ’Ύ 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

πŸ“ License

This project is licensed under the MIT License.


πŸ™Œ Acknowledgments

About

πŸ“š Library is a lightweight book management app built with HTML, CSS, and JavaScript. Users can add, display, and manage books interactively through a modal-based form. Designed for simplicity, this project is modular and easily extendable with features like localStorage and filtering.

Topics

Resources

License

Stars

Watchers

Forks