"# Book-Management"

Book Management System

A simple Book Management System designed to organize and manage a collection of books. This project allows users to view different books categorized by subject, search for specific books, and navigate through various sections like creating books, viewing books, and managing profiles.

Features

• Book Categories: Books are grouped by subjects like Physics, Chemistry, Computer Science, and more.
• Book Details: Each book displays an image, title, and buttons for additional actions such as marking the book as complete and clicking to read.
• Search Functionality: Users can search for books using a search bar.
• Navigation: Easy navigation links to create books, view all books, view the user profile, and logout.

Project Structure

The project is structured as follows:

• index.html: The homepage that displays the collection of books categorized by subject.
• Management.css: The stylesheet responsible for styling the pages, including layout and visual design.
• Management.js: The JavaScript file for managing the search functionality and other interactive elements like buttons for book actions.
• Createbook.html: A page to create and add new books to the system.
• view-books.html: A page to view all books in the collection.
• Profile.html: The profile page where users can manage their information.
• logout.html: A page to log out of the system.

Installation

To set up the project locally:

1. Clone the repository to your local machine.

   git clone <repository-url>
   

Book Management System - Login Page

This is a simple login page for a Book Management System where users can log in using their name, email, and a One-Time Password (OTP). The system generates an OTP which the user enters to complete the login process. Upon successful login, the user is redirected to the main page of the Book Management System.

Features

• OTP Generation: Users can generate a one-time password (OTP) that is valid for a short time.
• OTP Verification: Users must enter the correct OTP to log in.
• Login Form: Users are prompted for their name, email, and OTP to gain access.
• Responsive Design: The login page adjusts its layout based on the screen size (mobile-friendly).

Technologies Used

• HTML: Markup language used for structuring the login page.
• CSS: Styling for the login page and form elements.
• JavaScript: OTP generation, validation, and login form handling.

File Structure

How It Works

1. Login Process:

   • The user provides their name, email, and the OTP.
   • When the "Generate OTP" button is clicked, an OTP is generated and displayed on the screen. The OTP input field is enabled, and the user has to enter the OTP within a specific time.
   • After entering the correct OTP, the user can click the "Login" button to be redirected to the main page (Management.html).
   • If the OTP is incorrect or expired, the login is denied.

2. OTP Expiration:

   • The OTP is only valid for 100 seconds. After that, the user is required to generate a new OTP.

3. Responsive Design:

   • The page is mobile-friendly, and the layout adjusts for smaller screen sizes.

Setup Instructions

1. Clone the Repository:

   git clone https://github.com/your-username/book-management-system.git

2. Navigate to the Project Directory:

   cd book-management-system

3. Open the index.html File:

   • Simply open index.html in any modern web browser to view and test the login page.

4. Ensure Files Are in the Same Directory:

   • Make sure the index.html, styles.css, and Management.html files are in the same folder so that the links and redirections work correctly.

Screenshots

Login Page

OTP Message

Contributions

Feel free to fork the project and submit pull requests for any improvements or bug fixes.

License

This project is open-source and available under the MIT License.