hngprojects / hng_boilerplate_remix

132 stars 127 forks source link

Feat/#39 new changes to password setting implementation #367

Closed codeBigInt closed 1 month ago

codeBigInt commented 1 month ago

Description

Develop a clean and functional Password Settings page within the User Dashboard. This page allows users to update their account password, enhancing account security and user control.

Acceptance Criteria The Password Settings page is implemented according to the provided design. The page is responsive and displays correctly across various devices and browsers. Password update functionality works as expected. Requirements Page heading: "Password Settings" Subheading: "Update password for enhanced account security" Current Password field (with mask/unmask toggle) New Password field (with mask/unmask toggle) Confirm New Password field (with mask/unmask toggle) "Cancel" button "Update Password" button Appropriate error handling and success messages Tasks Develop the Password Settings page based on the provided design and requirements. Implement a responsive layout that works well across different devices and browsers. Create password input fields with mask/unmask functionality. Implement client-side validation for password requirements. Develop server-side logic for password update. Implement error handling and success messages. Ensure proper security measures (e.g., HTTPS, CSRF protection) are in place. Add appropriate accessibility features (ARIA labels, keyboard navigation). Implement analytics tracking for password update events (if applicable).

Closes #issue_number_here#39

Changes proposed

What were you told to do?

Develop a clean and functional Password Settings page within the User Dashboard. This page allows users to update their account password, enhancing account security and user control.

[FEAT] User Dashboard Password Settings Page #39 ## What did you do? I made changes to resolve errror in live mode Developed the Password Settings page based on the provided design and requirements. Implemented a responsive layout that works well across different devices and browsers. Createed password input fields with mask/unmask functionality. Implemented client-side validation for password requirements. Developed server-side logic for password update. Implemented error handling and success messages. Ensured proper security measures (e.g., HTTPS, CSRF protection) are in place. Added appropriate accessibility features (ARIA labels, keyboard navigation).

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

Screenshots/Videos

eslint completed form successful

codeBigInt commented 1 month ago

Please at @shalomtaiwo i made some changes to resolve error in live mode