Submission for assignment 1

[nguyenhoaikhang37]

// Demo link https://df-frontend-2023-flax.vercel.app/ // Any notes for reviewers The functionalities used in my application:

1. Button Delegation: Uses event delegation for handling events when users click "Delete" or "Edit" buttons for each book, streamlining event handling on the book table.
2. Search with URL: Updates the webpage's URL with search queries, enabling users to bookmark or share search results and revisit them via browser history.
3. Debounce: Implements the debounce function to reduce search event processing, sending search requests only a short time after user input ends.
4. Local Storage: Stores book data in local storage for easy retrieval and updates without the need for server requests.
5. Template Literal: Employs template literals for creating and managing HTML content efficiently.

If the code lacks clarify or if there are any issue with the application, please don't hesitate to provide feedback. I'm open to suggestions and eager to improve. Thanks a lot <3

[trankhacvy]

Hello @nguyenhoaikhang37 , well done!

Requirements

• [x] Render correct table elements
• [x] Create book
• [x] Delete book
• [x] Search book by title
• [x] Semantic HTML
• [x] Standard use of CSS and JavaScript
• [x] Store data in LocalStorage

Final result: ✅ passed

Feedback

We also have some comments for your work:

• The submit button in the 'Edit Book' modal should have the label "Edit."

• The implementation of the dialog is commendable, but it may be considered a bit excessive for this assignment. It would be excellent if you could fully grasp the purpose of the implementation.

You also deserve praise 🔥 for your implementation of additional features, such as query-based searching and book editing, as well as for maintaining well-organized code.

Keep up the excellent work!