Tartan Hacks 2020: A chrome extension that scans prices for alternatives: ie a $100 watch is worth 20 cups of coffee

February 2020

Background

It started as a joke where I often told a friend that instead of buying expensive lulu-lemon leggings, she should buy Chipotle instead. This led me to the idea of alternate spending. Guide your shopping with reality checks and price comparisons. This chrome extension helps you put your spending into perspective by making analogies for you. (Note this a test build and is not available on the store).

This project consists of three main components: parsing, replacing, and hovering.

• Parsing: involved using regex expressions to find various instances of "price" on a Content DOM.
• Replacing: involved creating a new subset span section within the parent node to create the feel of a "highlighted" price tag that includes event listeners for a popup.
• Hovering: involved creating a popup window to display comparative price information. The price analogies are randomly selected and the color of the popup window corresponds to how expensive the item being compared to, with red being more expensive and green being less expensive.

Demo Video

https://www.youtube.com/watch?v=mpXZ-RCfYJg

See The Project

View the Github Repo:

lenghuang/Lupole-Extension

View the Devpost Submission:

Lupole-Extension

Skills Used

• Google Chrome Extension Framework
• Javascript
• HTML/CSS

Group Members