React front end for this backend: https://github.com/oscarlz/code-challenge-sw-reactjs

This is a code challenge for PHP (and ReactJS, repository in the line above).

The expected outcome of the test

A web-app (accessible by an URL) containing two pages for:

1. Product list page
2. Adding a product page

General coding requirements

These are the listed mandatory technical requirements:

• Utilize OOP principles to handle differences in type logic/behavior
  • Procedural PHP code is allowed exclusively to initialize your PHP classes. Rest logic should be placed within class methods.
  • For OOP you would need to demonstrate code structuring in meaningful classes that extend each other, so we would like to see an abstract class for the main product logic. Please take a look at the polymorphism provision.
  • Also, MySQL logic should be handled by objects with properties instead of direct column values. Please use setters and getters for achieving this and don't forget to use them for both save and display logic.
• Meet PSR standards (https://www.php-fig.org)
• Avoid using conditional statements for handling differences in product types
  • This means you should avoid any if-else and switch-case statements which are used to handle any difference between products.
• Do not use different endpoints for different products types. There should be 1 general endpoint for product saving
• PHP: ^7.0, plain classes, no frameworks, OOP approach
• jQuery: optional
• jQuery-UI: prohibited
• Bootstrap: optional
• SASS: advantage
• MySQL: ^5.6 obligatory

1. Product List

This is the first page of the website, so should be accessible by <your_website>/

Please note, that on product list page product should not be split by product types - they should be sorted by primary key in database.

MUST HAVE for the list items:

• SKU (unique for each product)
• Name
• Price in $
• One of the product-specific attributes and its value
  • Size (in MB) for DVD-disc
  • Weight (in Kg) for Book
  • Dimensions (HxWxL) for Furniture

Required UI elements:

• “ADD” button, which would lead to the “Product Add” page
• “MASS DELETE” action, implemented as checkboxes next to each product (should have a class: .delete-checkbox) and a button “MASS DELETE” triggering delete action for the selected products.
• There should be no pagination for the listing, all items should be on the same page
• Do not show any notification messages or alert windows loading the list or after submitting ADD new product dialogue

2. Adding a product page

This page should open once button "ADD" is pressed, and should be accessible by: <your_website>/add-product

The page should display a form with id: #product_form, with the following fields:

• SKU (id: #sku)

• Name (id: #name)

• Price (id: #price)

• Product type switcher (id: #productType) with following options:

  • DVD (can be value or text)
  • Book (can be value or text)
  • Furniture (can be value or text)

• Product type-specific attribute

  • Size input field (in MB) for DVD-disc should have an ID: #size
  • Weight input field (in Kg) for Book should have an ID: #weight
  • Each from Dimensions input fields (HxWxL) for Furniture should have an appropriate ID:
    • Height - #height
    • Width - #width
    • Length - #length

Add product page requirements:

• The form should be dynamically changed when the type is switched
• Special attributes should have a description, related to their type, e.g.: “Please, provide dimensions” / “Please, provide weight” / “Please, provide size” when related product type is selected
• All fields are mandatory for submission, missing values should trigger notification “Please, submit required data”
• Implement input field value validation, invalid data must trigger notification “Please, provide the data of indicated type”
• Notification messages should appear on the same page without reloading
• The page must have a “Save” button to save the product. Once saved, return to the “Product List” page with the new product added.
• The page must have a “Cancel” button to cancel adding the product action. Once canceled, returned to the “Product List” page with no new products added.
• No additional dialogues like “Are you sure you want to Save / Cancel?”
• SKU should be unique for each product and it shouldn’t be possible to save products if already any product with the same SKU exists.