Kizspy.mesk 3.
Zoom
page.
7. (1.0 marks) At Book Detail route, display all the information of a book: bookName, bookImage,
bookReadingStatus( 1-unRead (default), 2-reading, 3-read), isUnread, bookType. Design and
arrange this component as good as possible.
8. (1.5 marks) Create an Add route with the requirements:
Create a form and validate all data.
All fields are required.
bookName must more than 1 words, uppercase (E.g.: MATH).
✓ bookImage must be a URL.
✓ bookReadingStatus is number, min is 1, max is 3. It should be a stepper. ( 1-UnRead
(default), 2-Reading, 3-Read).
✓isUnread is a switch control. It is disabled and set to TRUE by default, it is automatically
changed to FALSE when the bookReadingStatus = 3 or bookReadingStatus = 2.
bookType is a select control which contains 3 values: Data Science, Security, Design.
9. (0.75 mark) At All Books route implement the delete action.
With delete function, you must confirm before implementing. After deleting successful, showing a
notice (modal, alert, toast...) and the list of books will reload.
10. (1.25 marks) At All Books route implement the update action. Implement the update action by click
to a button for updating a Book. With the update function, the same validation requirements as the
add function.
+100%
Close
