Book Collection Web App 📚

Overview

The Book Collection web app is a simple yet effective tool designed to help users keep track of books they wish to buy. It enables users to store relevant details about books they come across, ensuring they don't forget about their interests. The app is developed using HTML, CSS, and JavaScript.

Features

Adding a Book

1. Open the app and click on the "Add Book" button.
2. A form will appear where you can enter book details:
   • Book Name: Enter the name of the book.
   • Author Name: Enter the name of the book's author.
   • Book Image: Upload an image of the book for easy identification.
   • Status: Choose between "Bought" and "Not Bought."
   • If Bought:
     • Purchase Price: Enter the price at which you bought the book.
     • Purchase Date: Select the date when you purchased the book.
3. After entering the required details, click the "Submit" button to save the book to the collection.

Viewing Book List

• After saving the book, the app will display a list of all saved books.
• Each book in the list shows its name, author, status (bought/not bought), and additional details if bought (purchase price and date).

Editing Book Details

• Users have the ability to edit book details after they've been added.
• Click on the book you want to edit from the list, and its details will be loaded into the form.
• Modify the desired fields and click "Submit" to save the changes.

Deleting Books

• To remove a book from the collection, click the "Delete" button next to the book in the list.

Resetting the Collection

• The "Reset" button allows you to erase all saved book data.
• Be cautious, as this action cannot be undone.

Visual Indicators

• Each book entry has a color-coded identifier in the bottom-right corner:

  • Red: The book is marked as "Not Bought."

    

  • Green: The book is marked as "Bought."

    

Data Storage

• All book data is stored locally in the web browser's localStorage.
• The app's author does not have control over user data, ensuring privacy and security.

How to Use

1. Open the web app in a browser.
2. Click the "Add Book" button to enter book details.
3. After saving, view the list of saved books.
4. Edit or delete books as needed.
5. Use the "Reset" button to clear all saved data.

Enjoy using the Book Collection web app to effortlessly manage and track books you're interested in purchasing!