3. Product Listing - michael-gann/Petsy GitHub Wiki

Overview

Products will be displayed in a new page with all the information associated with an item. Name, image, price, description, add to cart button with a quantity drop-down that defaults to 1, reviews, and star rating.

General layout is Image and information on the left side of the screen and add to cart information on the right. Comments and reviews will follow just below the image information.

DB Models Needed

  • Item, Pet, User, Category, Review

Components

  • Item
  • Review
  • Add to cart

Backend

  • GET/POST/DELETE "/api/pets"
  • GET/POST/DELETE "/api/items"
  • GET/POST/PUT/DELETE "/api/items/:id/reviews"
  • GET/POST/PUT/DELETE "/api/pets/:id/reviews"

Frontend

  • Items "/items/:id"

Wire Sketch

Imgur