Assignment 1

[dnhn]

https://dffe23-dn-1.vercel.app

• Render table
• Add/delete records using an inline interface
• State management
  • Local storage
• Search
  • Retain search results when adding/deleting records
• Developed from scratch without using external libraries/frameworks
• Fully responsive
• Accessible for keyboard-only usage

[trankhacvy]

Hello @dnhn , great work!

Requirements

• [x] Render correct table elements
• [ ] Create book
• [ ] 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:

1. Your UI has some differences from our required UI. While your functions still work, it's important to align with the requirements. We appreciate new ideas, but please communicate them with us in advance.

2. Consider placing the JSON.parse function within a try-catch block. This approach will help you handle unexpected errors more smoothly.

You also deserve praise 🔥 for showcasing excellent UI/UX. You're the first to implement the empty state for the table. Keep up the great work!

[dnhn]

@trankhacvy thank you for your review, I appreciate it. However, I believe there is a mistake here, try-catch is already added and tested.

2. Consider placing the JSON.parse function within a try-catch block. This approach will help you handle unexpected errors more smoothly.

https://github.com/dnhn/df-fe-23/blob/11c8faa027d4fc6d85ee50c7d17cc3ab16cb9eed/assignment-1/script.js#L3-L9

[trankhacvy]

@dnhn you're right. My bad. Thank you for letting me know.