About YouSpend+

Personal Inspiration / Motivation

Like many people, I’ve struggled with impulsive online shopping. One time, I almost bought an expensive gadget just because it was on sale, even though I didn’t really need it. Moments like that made me realize how easy it is to lose control when shopping across multiple websites. I wanted to build a tool that gently helps me—and others—pause and think before spending more than planned.

What I Learned

Through building YouSpend+, I gained hands-on experience with Chrome Extensions, especially Manifest V3 and content scripts that work across different dynamic websites. I improved my skills in JavaScript, UI design, and problem-solving by figuring out how to reliably detect prices and intercept purchase actions without disturbing the shopping experience.

How I Built It

I started by studying popular e-commerce sites like Amazon, Flipkart, Myntra, and Nykaa to find where prices and buy buttons are placed. Using JavaScript, I created content scripts that watch prices in real-time and block purchases exceeding a user-defined limit with a clear alert modal.

I added features like a “Focus Mode” for strict blocking, streak tracking to motivate users, and a dashboard popup for settings, reflections, and insights — all stored privately on the user’s device.

Challenges / Obstacles

One big challenge was handling websites that update content dynamically without full page reloads. To tackle this, I used MutationObservers and URL change detection, which required a lot of trial and error.

Designing a user-friendly alert and dashboard that are effective but not annoying also took multiple iterations to get right.

Testing & Feedback

I used the extension myself daily and shared it with friends who gave me valuable feedback on usability and design. Their input helped me improve the alert messages, add the one-time bypass feature, and make the dashboard more intuitive.

Impact / Purpose

YouSpend+ helps people become more mindful of their spending by preventing impulsive buys and encouraging reflection. By tracking progress with streaks and money saved, it motivates users to build lasting financial habits that lead to healthier personal finances.

Future Vision

Beyond the hackathon, I hope to add personalized spending tips, support more shopping sites, and create richer notifications. My goal is for YouSpend+ to become a trusted companion that empowers everyone to shop smarter and save more effortlessly.

Working on this project sharpened my technical skills and gave me a meaningful way to help others improve their financial well-being in the digital age.

Built With

• apis
• chrome-extension-api(manifestv3)
• chrome-storage-api
• cloud-services
• css
• databases
• frameworks
• googlefonts
• html
• javascript
• mutationobserver
• platforms