Submission for assignment 4

[victhangnguyen]

Link Demon: https://df-frontend-2023-asm-4.vercel.app/book

• I used NextJS framework to build Assignment-4.
• I used Tailwind CSS to style for the Project's Styling
• I created a Detail Page that is used to view detail product and this page is navigated with book/:bookId (i use [bookId] folder to do that)
• I implemented Not Found Page with 2 approaches: using the notFound method of next/navigation and creating not-found.tsx file.
• Whenever users press the Delete button in Detail book page, that book will be removed in database and the router will navigate to book page "/book".
• I Integrated a Dark mode toggle in Header Component using TailwindCSS.
• Search with params q and page

[tienan92it]

Hello @victhangnguyen , well done!. Below is some feedback for your assignment.

Requirements

• [x] All core functionalities present
• [x] Proper Tailwind implementation
• [x] Book detail page
• [x] 404 page
• [x] Redirect after deletion
• [x] Bonus: Tailwind dark/light mode
• [ ] Bonus: URL state sync

Final result: ✅ passed 90% of requirements

Feedback

1. Folder naming is not consistent. It's better if in lowercases.

   

2. Theme toggle doesn't sync states after refreshing.

   

3. Search input doesn't keep query term after redirecting, so User won't know how to go back the original book list.