Implementation of signup page with Redux ToolKit

[EddyShimwa]

Description

This PR introduces a fully functional signup page designed to facilitate user registration through our application. It integrates with the backend API for processing user registrations, adheres to the provided design mockups, and ensures responsiveness across various devices. Additionally, it implements comprehensive form validation and provides clear feedback to the user throughout the process.

Changes

UI Design

• Implemented the signup page layout following the provided design mockups.
• Ensured the page is responsive and optimizes for various screen sizes.
• Included form fields for essential user details such as Username, Email, Password, and Confirm Password.

  Form Validation

• Added client-side validation for all form fields, including password complexity requirements and email format checks.
• Implemented unique checks for the username and email to prevent duplicate entries.
• Displayed real-time validation feedback to guide users in correcting any errors.

  API Integration

• Integrated the signup form with the backend API for user registration.
• registration and error messages for validation failures or network issues.

Testing

• Wrote unit tests for form validation functions to ensure robustness and reliability.

• Implemented integration tests to validate the end-to-end signup flow with the backend API.

• [ ] Acceptance Criteria Verification

• [ ] UI Design: The signup page follows the provided design mockups and is responsive.

• [ ] Form Validation: All form fields are validated, including password complexity and email format.

• [ ] API Integration: The signup form successfully integrates with the backend API, handling responses appropriately.

• [ ] Testing: Unit tests for form validation functions and integration tests for the signup flow are implemented.

Related Issues

22

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dynamites-ecomm-fe	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 26, 2024 2:05pm

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 92.55014% with 26 lines in your changes missing coverage. Please review.

Project coverage is 87.74%. Comparing base (cbd7020) to head (a27c02c).

Files	Patch %	Lines
src/components/form/HSButton.tsx	52.00%	12 Missing :warning:
src/App.tsx	0.00%	5 Missing and 1 partial :warning:
src/features/Auth/SignUpSlice.ts	94.59%	4 Missing :warning:
src/pages/SignUp.tsx	98.26%	4 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## develop #37 +/- ## ============================================ + Coverage 71.14% 87.74% +16.59% ============================================ Files 13 15 +2 Lines 506 824 +318 Branches 40 61 +21 ============================================ + Hits 360 723 +363 + Misses 136 96 -40 + Partials 10 5 -5 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.