T16: Product Detail Page implementation

[oguzsamsa]

• [ ] When a product is clicked it should navigate to Product Detail Page with proper URL

  • [ ] URL should be like: shop/:gender/:categoryName/:categoryId/:productNameSlug/:productId
  • [ ] On Product Card mouse sign should be pointer, and it should have an effect on hover to specify it is clickable
  • [ ] Product Detail Page should be filled with real product data

• [ ] Fetch product

  • [ ] by thunk action and save it in the product reducer
  • [ ] endpoint /products/:productId
  • [ ] in response you will get Object like below:

   {
    "id": 322,
    "name": "Gri Regular Astar",
    "description": "Gri Regular Astar Detaylı Dokuma Blazer Ceket TWOAW20CE0316",
    "price": 461.99,
    "stock": 140,
    "store_id": 1,
    "category_id": 3,
    "rating": 3.64,
    "sell_count": 281,
    "images": [
        {
            "url": "https://cdn.dsmcdn.com/ty181/product/media/images/20210923/14/135755138/57457659/1/1_org_zoom.jpg",
            "index": 0
        }
    ]
  }

• [ ] While fetching product data, a loading spinner should be shown on the screen

• [ ] After getting response you need to

  • [ ] Set product to Product Reducer
  • [ ] You should show product details in the UI (shopping page)

• [ ] Product Detail Page should have back button