T20: Create Order Page > Step 1 Address

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:
- [x] Address Title: String
- [x] Name & Surname: String
- [x] Phone: String
- [x] City (İl): City should be selected on the dropdown list
- [x] District (İlçe): String
- [x] Neighborhood (Mahalle): String
- [x] Address: String multiline for the rest details: Street, building and door numbers
- [x] 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

oztrkmrt / E-Commerce

T20: Create Order Page > Step 1 Address #22

Description