Project Description:

The ABC Book Store web application is designed to serve as a platform for users to submit book information that is accessible to all app users. It features five main menus: Home, Register New Book, All Books, Edit Books, and Favorites.

Home Page:

$$ Showcases the top $5$ new arrival books, each with its cover page image.

$$ Includes a section to list categories, which will be automatically extracted from the registered books.

Register New Book:

$$ Allows users to input and store all essential book information.

$$ Implement robust validation for mandatory fields, including ISBN, Author, Edition, Pages, and Published Date.

All Books Section:

$$ Provides users with a comprehensive list of books.

$$ Enables users to search for specific books by title.

$$ Includes "Show Detail" and "Add to Fav" buttons:

$$ "Show Detail" displays more comprehensive information about the book.

$$ "Add to Fav" allows users to bookmark books, making them accessible in the Favorites section.

Edit Books Menu:

$$ "Edit" button for users to modify book details.

$$ Upon clicking, a pop$-$up will appear with pre$-$filled default values.

$$ Users can make changes and click "Update" to save the modified data for a specific book.

Favorites Section:

$$ Display all favorited books.

$$ Include an option to remove books from the favorites list, adding extra convenience for users.

Task Description

The task at hand involves the development of the ABC Book Store web application, a platform for users to post and access book information. The application consists of five main menus:

$1.$ Home:

$$ Display the top $5$ new arrival books with cover page images.

$$ Present a section listing categories derived from registered books.

$2.$ Register New Book:

$$ Implement validation for mandatory fields:

a$)$ ISBN: $13$ digits.

b$)$ Author: Compliant with standard name validation.

c$)$ Edition and Pages: Accept only numerical input.

d$)$ Published Date: Use the input type date.

$$ Make the plus $(+)$ button functional to add extra input fields for optional co$-$authors.

$3.$ All Books:

$$ Provide a list of books and a title search feature.

$$ Introduce an "Add to Fav" button to add books to a separate favorites array.

$4.$ Edit Books:

$$ Enable users to edit book details via a pop$-$up with default values.

$$ Update book data upon user modifications and clicking the "Update" button.

$5.$ Favorites:

$$ Display all favorited books with a layout resembling the "All Books" section.

$$ Replace the "Add to Fav" button with "Remove from Fav."

$$ Implement functionality to remove books from the favorites array upon user interaction.

HTML$,$ CSS AND JS