T5: Sign Up User Form Page

[erturkemre]

• [ ] A form should be created to sign up a new user

• [ ] Page URL should be “/signup”

• [ ] First you need to create and Axios instance with baseURL: https://workintech-fe-ecommerce.onrender.com

• [ ] You need to use react-hook-form library

  • [ ] Name field is required with min 3 char validation

  • [ ] Email needs to be validated

  • [ ] Password needs to be min 8 character including numbers, lower case, upper case and special chars

  • [ ] Password needs to be matched to second pass input field

  • Role field should be listed in selection box and data needs to be fetched by GET request to endpoint: “/roles”

    • [ ] customer should be selected by default
    • [ ] selected role id should be assigned to “role_id” key in form data

  • If store option is selected as a role,

    • [ ] Store Name field should be appear at least 3 char
    • [ ] Store Phone field should be valid Türkiye phone number
    • [ ] Store Tax ID field should be appear and it should match the pattern “TXXXXVXXXXXX” ⇒ X can be any number
    • [ ] Store Bank Account field should be valid IBAN address

• [ ] on Submit it should create a POST request to endpoint “/signup” with form data

  • [ ] While submitting, there should be a spinner on the Submit button and it should be disabled
  • [ ] if submit is successful, it should redirect client to previous page with warning: “You need to click link in email to activate your account!”
  • [ ] if submit is not successful, client should be informed about the error staying in the form page

• [ ] Data Format

  • [ ] Customer & Admin: { name, email, password, role_id }
  • [ ] Store: { name, email, password, role_id, store: { name, phone, tax_no, bank_account } }
  • [ ] NOTE! If you add an extra field, or change name of the field or there would be a missing field you can get an ERR from backend.