Scandishop

Tech Stack:

• Focused on Class components
• State management library: Redux
• Backend: GraphQL
• scandis.web.app

Functionality

• PLP - product listing page, a.k.a. category page
• PDP - product description page, a.k.a. product page
• Cart page + Cart overlay

Details

• Ability to add/remove products and change their amounts in cart - on the cart page itself, "Category" and "Product".
• For products that have various options (attributes) - the options can be selected.
• The selected options of added to cart products are visible in cart overlay and in cart page.
• If an attribute is a swatch attribute (type = swatch), a representation of the value is rendered on "Category" and "Product"
• Filtering products by category name for all of the categories from BE
• The descriptions provided in HTML format are parsed and presented as HTML, not as plain text
• Ability to change the currency of the store to one of the available currencies

Updated Details

• All products in ‘all’,'clothes' and ‘tech’ are listed
• Make the clickable area in currency switcher bigger
• Add changes to fetch the latest (updated) endpoint
• Out of stock product logic is implemented
• Add different product attributes to cart
• Use PureComponent instead Component
• Use const instead let and var
• Use variable destructuring
• Added cart page