Create finalcreatebookfile.html

[ROHITKUMARMODI]

add back button with < sign easy to back in home page by clicking on it and changes done by Pravesh Arya , Kallal and Rohit

Summary by Sourcery

New Features:

• Add a new "Create Book" page.

[sourcery-ai]

Reviewer's Guide by Sourcery

This pull request introduces a new HTML file, finalcreatebookfile.html, which provides a form for creating book entries. It includes fields for title, author, genre, ISBN, number of copies, description, and an image URL. The form data is saved to the browser's local storage. A "Back" button is also added to navigate to the Management.html page.

Sequence diagram for book creation process

sequenceDiagram
    actor User
    participant Form
    participant LocalStorage

    User->>Form: Fill book details
    User->>Form: Submit form
    Form->>Form: Prevent default submission
    Form->>Form: Collect form data
    Form->>LocalStorage: Save book data
    LocalStorage-->>Form: Confirm save
    Form->>User: Show success alert
    Form->>Form: Reload page

Loading

Class diagram for book data structure

classDiagram
    class Book {
        +String title
        +String author
        +String isbn
        +Number copies
        +String description
        +String imageUrl
        +String[] genres
    }
    note for Book "Stored in localStorage"

Loading

File-Level Changes

Change	Details	Files
A new HTML file, finalcreatebookfile.html, is created.	The file structure includes a form for creating book entries with fields for title, author, genre, ISBN, number of copies, description, and image URL. The form uses checkboxes for genre selection and a text area for the description. Data entered into the form is saved to the browser's local storage using JavaScript. A back button is implemented to navigate to Management.html.	finalcreatebookfile.html
The form submits data to local storage.	JavaScript code handles the form submission and prevents page reload. Form data is collected, including selected genres. An object is created to store the book data. The localStorage.setItem method is used to save the data in local storage. An alert message confirms successful submission, and the page is refreshed.	finalcreatebookfile.html
The page pre-fills form fields with data from local storage.	On page load, the JavaScript code checks for saved data in local storage. If data exists, it is parsed and used to pre-fill the form fields. The genres checkboxes are also pre-filled based on the saved data.	finalcreatebookfile.html

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time. You can also use
  this command to specify where the summary should be inserted.

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[netlify]

✅ Deploy Preview for vrkpzs ready!

Name	Link
🔨 Latest commit	7a16779
🔍 Latest deploy log	https://app.netlify.com/sites/vrkpzs/deploys/6765472ca125aa00083d62d2
😎 Deploy Preview	https://deploy-preview-23--vrkpzs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[sourcery-ai]

Hey @ROHITKUMARMODI - I've reviewed your changes - here's some feedback:

Overall Comments:

• Consider using a proper backend storage solution instead of localStorage, which is not suitable for persistent data storage in a production environment.
• The form lacks proper error handling and client-side validation. Consider adding comprehensive validation and error messages for better user experience.

Here's what I looked at during the review

• 🟡 General issues: 1 issue found
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[sourcery-ai]

issue: The genre checkbox pre-fill logic will fail for multi-word genres

For example, 'Science fiction' when lowercased won't match the 'sci-fi' ID. Consider using a mapping between genre names and IDs.