Dashboard Merchandising Tools
Product Management Demo with AG-Grid Enterprise
The Merchandising tools were created for our internal Merchandising team to be able to edit and view all aspects of products. The functionality includes managing brands, categories, products, product images, and promos. The most complex part of these set of tools was integrating a 3rd party package called AG-Grid Enterprise to create a spreadsheet view in which employees could filter from tens of thousands of products to edit and view product information. The filter portion was built with out AG-Grid, since a first layer of filtering was needed for the product search in addition to the built in filtering functionality of AG-Grid. AG-Grid was also utilized in a separate view for employees to create and edit Rules/Promotions (discounts, coupons, promos, etc.). I collaborated with backend engineers who supplied the data needed using microservices and APIs, but solely created the front end work and AG-Grid integration using HTML5, SCSS, and Typescript with Angular 7.
Rules/Promos Demo with AG-Grid Enterprise
Other Merchandising Tools (Brands, Categories, Images, Searchable Products)
Brand Management
Filter, edit, add logo images, enable/disable brands from the customer facing ecomm site, and easily view which content is provided or not
Category Management
Filter, edit, and add new categories and select from a drop down list of existing categories.
Image Management
Search product image by UPC or SKU, rearrange order by drag and drop, enable/disable image on customer facing app, upload new images, view or delete 360 images
Product Search
Search products by UPC or SKU to view product information. Read only and non editable.