Skip to content

KaushikBarnwal/CodeAlpha_Book-Library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📚 VISION's Book Library 📚

A web-based book library that allows users to manage a collection of books. Users can add, search, borrow, and delete books, as well as view and clear borrowing history. The application includes features like category filters, a search bar, and a history log.

Features

  • Add Books: ➕ Add new books to the library by entering the title, author, and category.
  • Search Books: 🔍 Search for books by title or author using the search bar.
  • Borrow Books: 📖 Mark books as borrowed and update the borrowing history.
  • Delete Books: ❌ Remove books from the library.
  • Category Filter: 🏷️ Filter books by category to easily find specific books.
  • History Log: 📜 Maintain a log of borrowed books and clear it when needed.
  • Responsive Design: 📱 Adapts to different screen sizes using media queries.

Setup

  1. 📥 Clone the repository or download the project files.
  2. 🗂️ Ensure you have all the necessary files, including index.html, style.css, and script.js.
  3. 🌐 Open index.html in your preferred browser.

Usage

Managing Books

  • Add Books: ➕ Fill in the "Book Title", "Book Author", and "Category" fields in the form, then click the "Add Book" button. The book will appear in the book grid.
  • Search Books: 🔍 Type a keyword in the search bar. The book grid will update to show books that match the keyword.
  • Borrow Books: 📖 Click the "Borrow" button on a book. The book will be marked as borrowed, and the borrowing history will be updated.
  • Delete Books: ❌ Click the "Delete" button on a book. The book will be removed from the library.
  • Filter by Category: 🏷️ Click on any category in the category list. The book grid will update to show only books in that category. Click "All Books" to show all books.

Viewing and Managing History

  • Toggle History: 📜 Click the "Toggle History" button to show/hide the history log.
  • Clear History: 🗑️ Click the "Clear Log" button to clear the borrowing history.

Responsive Design

📱 The library layout adapts to different screen sizes for a better user experience on mobile and tablet devices.

Customization

  • Adding Books: 📚 Add your own books by updating the defaultBooks array in script.js with the new book details.
  • Styling: 🎨 Modify style.css to customize the look and feel of the library.

License

📜 This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

  • Icons by FontAwesome
  • Book cover images are placeholders. Replace them with your own images.