Build Item View

[ashatat]

Item view

The item view is the page that the user gets redirected to it when he clicks on an item and contains details about the item

• Item view contain the following components:
  • A picture of the product with the zoom on hover
  • A details section about the product which contains:
    • head (links to navigate, title, previous and next nav buttons)
    • descriptive details about the product
    • quantity, add to cart and wishlist buttons, or out of stock if not available.
    • SKU, Category and Tags //SKU???
    • Share with Facebook, Twitter links
  • Aditional information section
  • Reviews section which contains:
    • Reviews (show the review, rating, date and user)
    • Add a review
  • Related products which contain slider with cards of the products

Events:

- End point: /product/:itemId:

• Methode: GET:
  *should get all relative information to the product (pic, details section, aditional info).
  • Success response:
    - status code: 200
    - Response content type: json
    - Response body:

          {
            err: false,
            body: {
  id: '1',
  userId: '2',
  name: 'Plain Backpack',
  description:
    'Lorem ipsum dolor sit amet isse potenti. Vesquam ante aliquet lacusemper elit. Cras neque nulla, convallis non commodo et, euismod nonsese. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.',
  category: 'Accessories',
  sku: '67890',
  status: 'sale',
  details: [
    {
      id: '1',
      pricing: {
        price: '305',
        discount_price: '0',
      },
      color: 'Blue',
      quantity: 10,
      tags: [
        {
          id: '1',
          name: 'Backpack',
        },
        {
          id: '2',
          name: 'Accessories',
        },
      ],
    },
          }
        ```
    - Error response:
          - Status Code: 500
          - Response content type: json
          - Response body:
        ```javascript
           {
             err: true,
             message: 'Something wrong went on! Please try again',
           }

- End point: /cart/:id:

• Methode: POST:
  • Success response:
    - status code: 200
    - Response content type: json
    - Response body:

       {
         err: false,
         message: 'item successfully added to cart'
       }

  • Error response:
    - Status Code: 500
    - Response content type: json

      { err: true,
        message: 'Something wrong went on! Please try again',
      }

- End point: /whishlist/itemId:

• Methode: POST:
  • Success response:
    - status code: 200
    - Response content type: json
    - Response body:

       {
         err: false,
         message: 'item successfully added to cart'
       }

  • Error response:
    - Status Code: 500
    - Response content type: json

      { err: true,
        message: 'Something wrong went on! Please try again',
      }

- End point: /reviews/:itemId:

• Methode: GET:
  • Success response:
    - status code: 200
    - Response content type: json
    - Response body:

       {
         err: false,
         body: [<object contains details of the item reviews>]
       }

  • Error response:
    - Status Code: 500
    - Response content type: json

      { err: true,
        message: 'Something wrong went on! Please try again',
      }

- End point: /related/:itemId:

• Methode: GET:
  • Success response:
    - status code: 200
    - Response content type: json
    - Response body:

       {
         err: false,
         body: [<object contains details of the item related items>]
       }

  • Error response:
    - Status Code: 500
    - Response content type: json

      { err: true,
        message: 'Something wrong went on! Please try again',
      }

[ashatat]

@FarahZaqout @amusameh @ishak52 @RamyAlshurafa

Don't you think this is so much? a lot of details for an epic?
maybe we should move the endpoints details on each detailed issue?

[FarahZaqout]

Agreed. Once we start detailing, we will cut each issue's details and move it there.
This is some great experimenting. We should be able to guide FACG5 a lot better in the next phase as a side effect.