T8: Sign Up User Form Page

[imunirbesye]

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

[gokhanozdemir]

@imunirbesye kutucuklar neden işaretli değil? @imunirbesye :)

[imunirbesye]

@gokhanozdemir işaretledim hocam 😅