---

Description

Browser Extension to view your Online Purchases

"When you see Walmart, Target, or Amazon on bank statements it's hard to know what you have purchased. What if instead of have more line items marked as misc you could know you purchased socks 12 times this year?

With linely you can import your purchases and see categorized items with the detail that your bank statements can't show. Understand your spending habits and see exactly where your money is going.

This is the first chrome extension I built! I wanted to import my orders from various online vendors and figured why don't I scrape that data out? With the browser extension API, I can inject my scripts into different pages and extract my order data if I was logged in.

One big benefit of using a Chrome Extension is you are able to use the existing session for various sites and don't have to worry about gathering a user's credentials for a given vendor, they just login via their browser.

After the data is scraped, you can review all the items you purchased and generate reports to get a summary. All the data is stored in the browser which is great from a security & privacy perspective!

I used webpack + Vue3 to build out the UI for viewing all the orders and items. All the data is stored in IndexDB using Dexie. I avoided using using a UI library, I wanted to keep things small and simple to manage. I use Chart.js for reporting and Intro.js for a walkthrough. There is also some PDF generation that I used jsPDF for."

---

• 
• 📊 Statistics