T20: Create Order Page > Step 1 Address

[sirdashasan]

Description

• There will be two steps on Create Order Page
• If user is not logged in, client should be redirected to Login Page. Please check Protected Routing subject on React Router 5 tutorials and docs.
• To use backend api successfully, you need to add token to request headers

• In this task you will handle address information of client

  

Get Address information

• [x] On that page client can add shipping and receipt addresses separately
• [x] Client can select address previously saved
• [x] Make a GET request to /user/address to get saved address list of the user

Add new address

• [x] If client click “Add Address” button a form should be shown on the page

• [x] Fom Fields:

  • [ ] Address Title: String
  • [ ] Name & Surname: String
  • [ ] Phone: String
  • [ ] City (İl): City should be selected on the dropdown list
  • [ ] District (İlçe): String
  • [ ] Neighborhood (Mahalle): String
  • [ ] Address: String multiline for the rest details: Street, building and door numbers
  • [ ] Form Fields Data Structure !Pay attention to use right naming of form fields!

{
      "title": "ev adresi",
      "name": "Alişan",
      "surname": "Karababa",
      "phone": "05376845834",
      "city": "istanbul",
      "district": "esenler",
      "neighborhood": "adres detayları"
}

• [x] On Submit you need to make a POST request to same endpoint: /user/address

Update Address

• [x] To update an address you need to create PUT request to /user/address endpoint with payload data below:

{
      "id": 1204,
      "title": "ev adresi",
      "name": "Alişan",
      "surname": "Karababa",
      "phone": "05376845834",
      "city": "istanbul",
      "district": "esenler",
      "neighborhood": "adres detayları"
}

Delete Address

• [x] To delete an address you need to create DELETE request to /user/address/:addressId endpoint