Bookshelf App

Description

Bookshelf App is a simple web application designed to help users organize, search, and keep track of the books they have read or plan to read. This application provides features for adding books, categorizing them as "Unread" or "Read," and storing the data locally using the browser's local storage.

Live Demo

The website is deployed and accessible at: https://echaan.github.io/bookshelf-app/

Features

• Add books with title, author, and year information.
• Mark books as "Read" or "Unread."
• Search for books by title.
• Remove books from the list.
• Data persistence using local storage.

Technologies Used

• HTML
• CSS
• JavaScript (Vanilla JS)
• Local Storage
• Google Fonts

Installation and Usage

Prerequisites

• A web browser (Google Chrome, Mozilla Firefox, Edge, etc.)

Steps to Run the Application

1. Clone this repository or download the project files.
2. Open index.html in your preferred web browser.
3. Use the search bar to look for books by title.
4. Click on "+ Add Book" to add a new book.
5. Mark books as read/unread or delete them as needed.

Project Structure

bookshelf-app/
│── assets              # Directory for storing images and other assets
│── css/
│   └── style.css       # Stylesheet
│── js/
│   └── script.js       # JavaScript logic
│── README.md           # Project documentation
└── index.html          # Main HTML file

Local Storage Implementation

Books are stored in local storage under the key BOOKSHELF_APP (M. Eric Chaniago), ensuring that data persists even after refreshing or closing the browser.

Developer

This project was developed by M. Eric Chaniago.

License

This project is open-source and free to use.