T8: Sign Up User Form Page

[x] A form should be created to sign up a new user
[x] Page URL should be /signup
[x] First you need to create and Axios instance with baseURL: https://workintech-fe-ecommerce.onrender.com
[x] You need to use react-hook-form library
- [x] Name: name field is required with min 3 char validation
- [x] Email: email needs to be validated
- [x] Password: password needs to be min 8 character including numbers, lower case, upper case and special chars
- [x] Password Validation: password needs to be matched to second pass input field
- Role: role_id field should be listed in selection box and data needs to be fetched by GET request to endpoint: /roles
  - [x] Customer should be selected by default
  - [x] Selected role id should be assigned to role_id key in form data
- If store option is selected as a role,
  - [x] Store Name name field should be appear at least 3 char
  - [x] Store Phone phone field should be valid Türkiye phone number
  - [x] Store Tax ID tax_no field should be appear and it should match the pattern “TXXXXVXXXXXX” ⇒ X can be any number
  - [x] Store Bank Account bank_account field should be valid IBAN address
[x] on Submit it should create a POST request to endpoint /signup with form data
- [x] While submitting, there should be a spinner in the Submit button and it should be disabled
- [x] if submit is successful, it should redirect client to previous page with warning: “You need to click link in email to activate your account!”
- [x] if submit is not successful, client should be informed about the error staying in the form page
[x] Data Format
- [x] Customer & Admin: { name, email, password, role_id }
- [x] Store: { name, email, password, role_id, store: { name, phone, tax_no, bank_account } }

ERROR!

If you add an extra field, or change name of the field or there would be a missing field you can get an ERROR from backend.
if you try to re-register with the same username and email you will be getting an ERROR.

sirdashasan / ecommerce

T8: Sign Up User Form Page #7