Amber Suratte

Order Cancellation Component

This feature informs users if items they ordered are no longer available.

For this project I was tasked with taking customer-specific order cancellation data from an Excel spreadsheet and creating a component that would conditionally show on users' order history page based on their customer number. I translated the spreadsheet into JSON and split it up into 3 minified files for performance. I then wrote JavaScript to read the data from each file, search for a customer number match, build a table with any matching data, and then insert that table into the page in a bootstrap accordion.

If a user visits their order history pages and has cancelled items, they will see a banner alerting them to it, and will be able to click a button to expand the accordion and view the table. This script was then injected into the site via Adobe Target.

View more professional work