T8: Sign Up User Form Page

[oztrkmrt]

• [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.