Library

A simple web-based book library application where you can manage your personal book collection.

This project was part of the Odin Project curriculum.

Features

• Add Books: Enter book details (title, author, number of pages, read status)
• View Collection: Display books in a responsive grid layout
• Track Reading Status: Mark books as read or unread
• Delete Books: Remove books from your library
• Persistent Management: Easily organize and manage your reading collection

How to Use

1. Open index.html in your web browser
2. Fill in the book details in the form:
   • Title: Required field for the book title
   • Author: Optional field (defaults to "unknown" if left blank)
   • Pages: Required field for the number of pages
   • Is read?: Checkbox to mark if you've read the book
3. Click Save to add the book to your library
4. Manage your books using:
   • Delete: Remove a book from the library
   • Change read status: Toggle the read status of a book

Project Structure

• index.html - HTML structure and form layout
• script.js - JavaScript functionality for book management
• style.css - Styling with a warm color scheme

Technology Stack

• HTML5
• CSS3
• Vanilla JavaScript (ES5)

Browser Compatibility

Works on all modern browsers that support ES5 JavaScript.

Styling

The application features a warm, readable color scheme with:

• Brown header (#523a28)
• Cream background (#e4d4c8)
• Book cards displayed in a responsive grid layout