T5: Sign Up User Form Page

[aemreakyuz]

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

• [x] Page URL should be “/signup”

• [ ] 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 field is required with min 3 char validation

  • [x] Email needs to be validated

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

  • [x] 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”

    • [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 field should be appear at least 3 char
    • [x] Store Phone field should be valid Türkiye phone number
    • [x] Store Tax ID field should be appear and it should match the pattern “TXXXXVXXXXXX” ⇒ X can be any number
    • [x] 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.

[aemreakyuz]

Form data created. Will do axios request next