Submission for assignment 5.

[ABoyWithALaptop]

• demo link: https://assignment-5-ru8j.onrender.com
• repo link: https://github.com/ABoyWithALaptop/df-frontend-2023/tree/main/assignment-5
• I missed the deadline cause one of my family members got sick
• change log:
  • validate form
  • edit book
  • new basic feature login and sign up

[chinhld12]

Hi @ABoyWithALaptop,

Requirements

• [x] All core functionalities present
• [x] Edit form
• [x] Login page
• [x] Forms built by react-hook-form
• [x] Validation by zod
• [x] Bonus: Password Strengh Meter

Result: ✅

Feedback

1. If a book's topic is set to "Programming," the selection is not pre-filled in the edit modal.

2. There is a bug where if a user clicks "Edit" for a book, closes the modal, and then clicks "Add New," the edit modal will display the details of the previously selected book instead of adding modal.

   

3. The password schema should has regular expression and has required field to test with the required from assignment's requirements. https://github.com/ABoyWithALaptop/df-frontend-2023/blob/78fed9a5494c1686baec9f51cd6b984469c85397/assignment-5/src/app/login/page.tsx#L12-L15

4. Should be named with isAuthenticated instead of login https://github.com/ABoyWithALaptop/df-frontend-2023/blob/78fed9a5494c1686baec9f51cd6b984469c85397/assignment-5/src/app/login/page.tsx#L24-L25

5. For the validation schema can consider separate to a constant folder, and reuse them on your components https://github.com/ABoyWithALaptop/df-frontend-2023/blob/78fed9a5494c1686baec9f51cd6b984469c85397/assignment-5/src/app/sign-up/page.tsx#L14-L33 https://github.com/ABoyWithALaptop/df-frontend-2023/blob/78fed9a5494c1686baec9f51cd6b984469c85397/assignment-5/src/components/modals/AddBookModal.tsx#L17-L21

6. Should create a generic modal component to receive initial data value for edit or adding

   src/components/modals/AddBookModal.tsx

...