Alternative Spending
It started as a joke where I often told a friend that instead of buying expensive lulu-lemon leggings, she should buy Chipotle instead. As such, this chrome extension helps you put your spending into perspective by making analogies for you.
Project Structure
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.
Log in or sign up for Devpost to join the conversation.